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,
    },
    size: {
      pageWidth: styles.pageWidth,
      headerWidth: styles.headerWidth,
      contentWidth: styles.contentWidth,
    },
  },
  defaultVariants: {
    color: "transparent",
    size: "pageWidth",
  },
})