27 lines
559 B
TypeScript

import { cva } from 'class-variance-authority'
import type { VariantProps } from 'class-variance-authority'
export const menuItemVariants = cva(
// Base classes for menu item link
[
'os-menu-item-link',
'block no-underline',
'transition-colors duration-[80ms] ease-[cubic-bezier(0.25,0.46,0.45,0.94)]',
],
{
variants: {
level: {
0: '',
1: 'text-sm',
2: 'text-sm',
},
},
defaultVariants: {
level: 0,
},
},
)
export type MenuItemVariants = VariantProps<typeof menuItemVariants>