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>
}