forked from crowetic/commerce
172deeee86
* Adding Dropdown Component * Styling Issues * Wishlist Fix * Fixes for Wishlist View * Hearts now work again * Rollback ts * Removing extra config to disable BigCommerce * Fixes for Wishlist View * Remove transition/animation for mobile * New Updates. * New Updates. * Dropdown fix * Polish * export * export * revert tsconfig Co-authored-by: Luis Alvarez D. <luis@vercel.com> Co-authored-by: Dom Sip <dom@vercel.com> Co-authored-by: Luis Alvarez D. <luis@vercel.com>
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
|