mirror of
https://github.com/vercel/commerce.git
synced 2025-06-12 02:47:02 +00:00
28 lines
568 B
TypeScript
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
|