church-website/src/components/Container/Container.tsx
2024-11-12 15:39:11 +01:00

16 lines
461 B
TypeScript

import styles from './styles.module.scss'
import classNames from 'classnames'
type ContainerProps = {
children: JSX.Element | JSX.Element[],
flex?: boolean
position?: "center" | "left" | "right"
}
export const Container = ({ children, flex = false, position = "center" }: ContainerProps) => {
return <div className={classNames({
[styles.container]: true,
[styles.flex]: flex,
[styles.right]: position === "right",
})}>{children}</div>
}