core/components/Container.tsx

28 lines
512 B
TypeScript

import { ReactNode } from 'react'
const Container = ({
ignoreColor,
className,
paddingTop = false,
children,
}: ContainerProps): JSX.Element => {
return (
<div
className={`${
ignoreColor ? '' : 'text-black dark:text-gray-100'
} ${paddingTop ? 'pt-20' : ''}`}
>
<div className={`container mx-auto px-4 ${className}`}>{children}</div>
</div>
)
}
interface ContainerProps {
ignoreColor?: boolean
className?: string
paddingTop?: boolean
children: ReactNode
}
export default Container