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

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

export const linkVariants = cva(styles.link, {
  variants: {
    active: {
      true: styles.active,
    },
    color: {
      none: "",
      peach50: styles.peach50,
      white: styles.white,
      red: styles.red,
      "Text/Interactive/Default": styles["Text-Interactive-Default"],
      "Text/Interactive/Secondary": styles["Text-Interactive-Secondary"],
    },
    size: {
      small: styles.small,
      regular: styles.regular,
      tiny: styles.tiny,
    },
    textDecoration: {
      underline: styles.underline,
    },
    weight: {
      bold: styles.bold,
    },
    variant: {
      breadcrumb: styles.breadcrumb,
      myPageMobileDropdown: styles.myPageMobileDropdown,
      navigation: styles.navigation,
      menu: styles.menu,
      shortcut: styles.shortcut,
      sidebar: styles.sidebar,
      languageSwitcher: styles.languageSwitcher,
    },
  },
  defaultVariants: {
    color: "Text/Interactive/Default",
    size: "regular",
  },
  compoundVariants: [
    {
      active: true,
      size: "regular",
      variant: "sidebar",
    },
    {
      active: true,
      size: "small",
      variant: "sidebar",
    },
  ],
})
