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

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

export const config = {
  variants: {
    color: {
      transparent: styles.transparent,
      "Surface/Secondary/Default": styles.surfaceSecondaryDefault,
      "Background/Primary": styles.backgroundPrimary,
    },
    size: {
      pageWidth: styles.pageWidth,
      headerWidth: styles.headerWidth,
      contentWidth: styles.contentWidth,
    },
    isThemed: {
      mobileOnly: styles.isThemedMobile,
      desktopOnly: styles.isThemedDesktop,
      true: [styles.isThemedMobile, styles.isThemedDesktop],
      false: "",
    },
  },
  defaultVariants: {
    color: "transparent",
    size: "pageWidth",
    isThemed: false,
  },
} as const

export const variants = cva(styles.breadcrumbsWrapper, config)