import { css, cx } from '@styled-system/css'
import type { FC, ReactNode } from 'react'

export interface FullWidthProps {
  className?: string
  children?: ReactNode
}

const FullWidth: FC<FullWidthProps> = ({ className, children }) => {
  return <main className={cx(css({ flexGrow: 1 }), className)}>{children}</main>
}

export default FullWidth