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

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

export const linkVariants = cva(styles.link, {
  variants: {
    active: {
      true: styles.active,
    },
    color: {
      baseButtonTextOnFillNormal: styles.baseButtonTextOnFillNormal,
      black: styles.black,
      burgundy: styles.burgundy,
      none: "",
      pale: styles.pale,
      peach50: styles.peach50,
      peach80: styles.peach80,
      white: styles.white,
      red: styles.red,
    },
    size: {
      small: styles.small,
      regular: styles.regular,
    },
    textDecoration: {
      none: styles.noDecoration,
      underline: styles.underline,
    },
    weight: {
      bold: styles.bold,
    },
    variant: {
      breadcrumb: styles.breadcrumb,
      default: styles.default,
      icon: styles.icon,
      underscored: styles.underscored,
      myPageMobileDropdown: styles.myPageMobileDropdown,
      navigation: styles.navigation,
      menu: styles.menu,
      shortcut: styles.shortcut,
      sidebar: styles.sidebar,
      tab: styles.tab,
      signupVerification: styles.signupVerification,
    },
  },
  defaultVariants: {
    color: "black",
    variant: "default",
    textDecoration: "none",
    size: "regular",
  },
  compoundVariants: [
    {
      class: `${styles.activeSidebar} ${styles.activeRegular}`,
      active: true,
      size: "regular",
      variant: "sidebar",
    },
    {
      class: `${styles.activeSidebar} ${styles.activeSmall}`,
      active: true,
      size: "small",
      variant: "sidebar",
    },
  ],
})
