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

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

export const dividerVariants = cva(styles.divider, {
  variants: {
    color: {
      baseSurfaceSubtleNormal: styles.baseSurfaceSubtleNormal,
      beige: styles.beige,
      burgundy: styles.burgundy,
      pale: styles.pale,
      peach: styles.peach,
      primaryLightSubtle: styles.primaryLightSubtle,
      subtle: styles.subtle,
      white: styles.white,
      baseSurfaceSubtleHover: styles.baseSurfaceSubtleHover,
    },
    opacity: {
      100: styles.opacity100,
      8: styles.opacity8,
    },
    variant: {
      horizontal: styles.horizontal,
      vertical: styles.vertical,
    },
  },
  defaultVariants: {
    color: "burgundy",
    opacity: 100,
    variant: "horizontal",
  },
})