import styles from './card.module.css'

import { cva, type VariantProps } from 'class-variance-authority'

const card = cva(styles.card, {
  variants: {
    intent: {
      basic: styles.basic,
      border: styles.border,
    },
  },
  // compoundVariants: [
  //   { intent: "primary", size: "medium", className: styles.primaryMedium },
  // ],
  defaultVariants: {
    intent: 'basic',
  },
})

export interface CardProps
  extends React.HTMLAttributes<HTMLDivElement>,
    VariantProps<typeof card> {}

export function Card({ className, intent }: CardProps) {
  return <div className={card({ intent, className })}>Card</div>
}