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

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

export const breadcrumbsVariants = cva(styles.breadcrumbs, {
  variants: {
    color: {
      transparent: styles.transparent,
      "Surface/Secondary/Default": styles.surfaceSecondaryDefault,
      "Surface/Primary/OnSurface/Default":
        styles.surfacePrimaryOnSurfaceDefault,
      "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,
  },
})