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

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

export const dividerVariants = cva(styles.divider, {
  variants: {
    color: {
      burgundy: styles.burgundy,
      pale: styles.pale,
      peach: styles.peach,
      white: styles.white,
      "Border/Divider/Accent": styles["Border-Divider-Accent"],
      "Border/Divider/Default": styles["Border-Divider-Default"],
      "Border/Divider/Brand/OnPrimary 3/Default":
        styles["Border-Divider-Brand-OnPrimary-3-Default"],
      "Border/Divider/Subtle": styles["Border-Divider-Subtle"],
      "Surface/Brand/Primary 1/OnSurface/Accent Secondary":
        styles["Surface-Brand-Primary-1-OnSurface-Accent-Secondary"],
      "Border/Divider/Brand/OnAccent/Default":
        styles["Border-Divider-Brand-OnAccent-Default"],
    },
    variant: {
      horizontal: styles.horizontal,
      vertical: styles.vertical,
    },
  },
  defaultVariants: {
    color: "Border/Divider/Default",
    variant: "horizontal",
  },
})