import { cva } from "class-variance-authority"

import styles from "./button.module.css"

export const buttonVariants = cva(styles.btn, {
  variants: {
    theme: {
      primaryLight: styles.primaryLight,
      primaryDark: styles.primaryDark,
      secondaryLight: styles.secondaryLight,
      secondaryDark: styles.secondaryDark,
      tertiaryLight: styles.tertiaryLight,
      tertiaryDark: styles.tertiaryDark,
    },
    intent: {
      primary: styles.primary,
      secondary: styles.secondary,
    },
    size: {
      small: styles.small,
      medium: styles.medium,
      large: styles.large,
    },
    variant: {
      default: styles.default,
      icon: styles.icon,
    },
  },
  defaultVariants: {
    variant: "default",
    size: "medium",
    theme: "primaryLight",
    intent: "primary",
  },
})