import type { PropsWithChildren } from 'react'
import cx from 'classnames'
import type { PropsWithClassName } from '@/lib/types'

type Props = PropsWithChildren &
  PropsWithClassName & {
    as?: 'div' | 'span'
  }

export default function Container({ as: Component = 'div', className = '', ...props }: Props) {
  return <Component className={cx('container', className)} {...props} />
}