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

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

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