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

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

export const linkVariants = cva(styles.link, {
  variants: {
    active: {
      true: styles.active,
    },
    color: {
      black: styles.black,
      burgundy: styles.burgundy,
      none: "",
      pale: styles.pale,
      peach80: styles.peach80,
    },
    size: {
      small: styles.small,
      regular: styles.regular,
    },
    variant: {
      breadcrumb: styles.breadcrumb,
      default: styles.default,
      icon: styles.icon,
      myPage: styles.myPage,
      myPageMobileDropdown: styles.myPageMobileDropdown,
      shortcut: styles.shortcut,
      sidebar: styles.sidebar,
    },
  },
  defaultVariants: {
    color: "black",
    variant: "default",
  },
  compoundVariants: [
    {
      class: `${styles.activeSidebar} ${styles.activeRegular}`,
      active: true,
      size: "regular",
      variant: "sidebar",
    },
    {
      class: `${styles.activeSidebar} ${styles.activeSmall}`,
      active: true,
      size: "small",
      variant: "sidebar",
    },
  ],
})
