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,
      large: styles.large,
      tiny: styles.tiny,
      none: '',
    },
    textDecoration: {
      underline: styles.underline,
    },
    weight: {
      bold: styles.bold,
    },
    variant: {
      icon: styles.icon,
      breadcrumb: styles.breadcrumb,
      myPageMobileDropdown: styles.myPageMobileDropdown,
      navigation: styles.navigation,
      menu: styles.menu,
      shortcut: styles.shortcut,
      languageSwitcher: styles.languageSwitcher,
    },
  },
  defaultVariants: {
    color: 'Text/Interactive/Default',
    size: 'large',
  },
})