1
0
mirror of https://github.com/vercel/commerce.git synced 2025-06-12 02:47:02 +00:00
Matthew Mulford 470c40fd53 shopify
2022-10-08 14:37:47 -05:00

28 lines
568 B
TypeScript

import cn from 'clsx'
import React, { FC } from 'react'
interface ContainerProps {
className?: string
children?: any
el?: HTMLElement
clean?: boolean
}
const Container: FC<ContainerProps> = ({
children,
className,
el = 'div',
clean = false, // Full Width Screen
}) => {
const rootClassName = cn(className, {
'mx-auto max-w-7xl px-6 w-full': !clean,
})
let Component: React.ComponentType<React.HTMLAttributes<HTMLDivElement>> =
el as any
return <Component className={rootClassName}>{children}</Component>
}
export default Container