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

/** Small default gap between dots — the library ships no default spacing between pagination items. */
export const carouselPaginationContainerClassName = 'gap-2 py-1';

export const carouselPaginationDotVariants = cva('rounded-full', {
  variants: {
    active: {
      true: 'bg-surface-neutral-strong',
      false: 'bg-surface-neutral-subtle',
    },
  },
  defaultVariants: {
    active: false,
  },
});

export type CarouselPaginationDotVariants = VariantProps<typeof carouselPaginationDotVariants>;