@rkosafo/cai.components/dist/ui/dropdown/theme.js

This package is under development and not ready for public use.

import { tv } from 'tailwind-variants';
export const dropdown = tv({
    base: 'mt-2 divide-y divide-gray-300 dark:divide-gray-500 overflow-hidden rounded-lg bg-white shadow-sm dark:bg-gray-700'
});
export const dropdownDivider = tv({
    base: 'my-1 h-px bg-gray-100 dark:bg-gray-500'
});
export const dropdownHeader = tv({
    base: 'px-4 py-3 text-sm text-gray-900 dark:text-white'
});
export const dropdownItem = tv({
    slots: {
        base: 'block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white',
        active: 'block px-4 py-2 text-primary-700 dark:text-primary-600 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white',
        li: ''
    }
});
export const dropdownGroup = tv({
    base: 'py-2 text-sm text-gray-700 dark:text-gray-200'
});