import { variants } from './variants'

import type { CardProps } from './types'

export function Card({ as, className, children }: CardProps) {
  const classNames = variants({
    as,
    className,
  })
  return <div className={classNames}>{children}</div>
}