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

export const menubarTriggerVariants = cva(
  `flex items-center justify-between gap-[2px] outline-none select-none leading-none py-1 px-3 
    font-medium truncate w-fit`,
  {
    variants: {
      size: {
        small: 'text-xs',
        medium: 'text-sm'
      },
      radius: {
        none: 'rounded-none',
        small: 'rounded-[1px]',
        medium: 'rounded-sm',
        large: 'rounded',
        full: 'rounded-full'
      },
      scaling: {
        ...scalingVariants
      }
    },
    defaultVariants: {
      scaling: '100%',
      size: 'medium',
      radius: 'small'
    }
  }
);

export const menubarItemVariants = cva(
  `flex group relative leading-none select-none outline-none items-center justify-between font-normal w-full
    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'
    }
  }
);