import { cva, type VariantProps } from 'class-variance-authority';

export const dividerRootVariants = cva('relative', {
  variants: {
    vertical: {
      true: '',
      false: '',
    },
    hasLabel: {
      true: '',
      false: '',
    },
  },
  compoundVariants: [
    {
      vertical: false,
      hasLabel: false,
      class: 'self-stretch w-full max-h-px min-h-px',
    },
    {
      vertical: false,
      hasLabel: true,
      class: 'flex-row items-center gap-1.5 self-stretch w-full min-h-px',
    },
    {
      vertical: true,
      hasLabel: false,
      class: 'self-stretch h-full max-w-px min-w-px',
    },
    {
      vertical: true,
      hasLabel: true,
      class: 'flex-col items-center gap-1.5 self-stretch h-full min-w-px',
    },
  ],
  defaultVariants: {
    vertical: false,
    hasLabel: false,
  },
});

export const dividerLineVariants = cva('shrink-0 bg-stroke-secondary', {
  variants: {
    vertical: {
      true: 'w-px',
      false: 'h-px',
    },
    flex: {
      true: 'flex-1',
      false: '',
    },
  },
  compoundVariants: [
    {
      vertical: false,
      flex: false,
      class: 'w-full',
    },
    {
      vertical: false,
      flex: true,
      class: 'min-w-0',
    },
    {
      vertical: true,
      flex: false,
      class: 'h-full',
    },
    {
      vertical: true,
      flex: true,
      class: 'min-h-0',
    },
  ],
  defaultVariants: {
    vertical: false,
    flex: false,
  },
});

export const dividerLabelVariants = cva('body-xs shrink-0 text-content-tertiary');

export type DividerVariantProps = Pick<
  VariantProps<typeof dividerRootVariants>,
  'vertical' | 'hasLabel'
>;