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

import {
  config as typographyConfig,
  withTypography,
} from "../Typography/variants"

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

export const config = {
  variants: {
    theme: {
      Primary: styles["theme-primary"],
      Inverted: styles["theme-inverted"],
      InteractiveDefault: styles["theme-interactive-default"],
    },
  },
  defaultVariants: {
    theme: "Primary",
  },
} as const

const textLinkConfig = {
  variants: {
    ...config.variants,
    typography: typographyConfig.variants.variant,
  },
  defaultVariants: {
    ...config.defaultVariants,
    typography: "Link/md",
  },
} as const

export const variants = cva(styles.textLink, withTypography(textLinkConfig))