import { radiusVariants, scalingVariants } from '@/lib/constants';
import { cva } from 'class-variance-authority';

export const contextMenuItemVariants = cva(
  `flex group relative leading-none select-none outline-none items-center justify-between font-normal
    data-[disabled]:text-slate-8 data-[disabled]:cursor-not-allowed text-slate-12 dark:text-slateDark-12
    data-[disabled]:hover:bg-transparent dark:data-[disabled]:text-slateDark-8 data-[disabled]:dark:hover:bg-transparent`,
  {
    variants: {
      radius: {
        ...radiusVariants['menu-item']
      },
      size: {
        small: 'text-xs h-[24px] px-2',
        medium: 'text-sm h-[32px] px-3'
      },
      scaling: {
        ...scalingVariants
      }
    },
    defaultVariants: {
      radius: 'medium',
      scaling: '100%',
      size: 'medium'
    }
  }
);