Card

<Card>
  <div className="folio-card-header">Title</div>
  <div className="folio-card-body">Content here</div>
</Card>

import { cn } from '@/lib/utils'

interface CardProps {
  className?: string
  children:   React.ReactNode
}

export function Card({ className, children }: CardProps): React.JSX.Element {
  return (
    <div className={cn('folio-card', className)}>
      {children}
    </div>
  )
}