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

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

export const config = {
  variants: {
    variant: {
      Filled: styles["variant-filled"],
      Outlined: styles["variant-outlined"],
      Elevated: styles["variant-elevated"],
      Faded: styles["variant-faded"],
      Muted: styles["variant-muted"],
    },
    emphasis: {
      true: styles["emphasis"],
      false: undefined,
    },
    size: {
      xl: styles["size-xl"],
      lg: styles["size-lg"],
      md: styles["size-md"],
      sm: styles["size-sm"],
    },
  },
  defaultVariants: {
    variant: "Filled",
    size: "lg",
    emphasis: false,
  },
} as const

export const variants = cva(styles.iconButton, config)