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/Default': styles['Border-Divider-Default'],
      'Border/Divider/Subtle': styles['Border-Divider-Subtle'],
      'Surface/Brand/Primary 1/OnSurface/Accent Secondary':
        styles['Surface-Brand-Primary-1-OnSurface-Accent-Secondary'],
    },
    variant: {
      horizontal: styles.horizontal,
      vertical: styles.vertical,
    },
  },
  defaultVariants: {
    color: 'Border/Divider/Default',
    variant: 'horizontal',
  },
})