@nex-ui/react/dist/esm/theme/recipes/tooltip.mjs

🎉 A beautiful, modern, and reliable React component library.

import { defineSlotRecipe } from '@nex-ui/system';
import { toSlots } from '../shared/toSlots.mjs';
import { radiusVariant, colorVariant } from '../shared/variants.mjs';

const tooltipRecipe = defineSlotRecipe({
    slots: {
        root: {
            zIndex: 'tooltip'
        },
        content: {
            px: '2.5',
            py: '1',
            fs: 'md',
            bg: 'colorPalette.primary',
            color: 'colorPalette.contrastText'
        }
    },
    variants: {
        size: {
            sm: {
                content: {
                    fs: 'sm'
                }
            },
            md: {
                content: {
                    fs: 'md'
                }
            },
            lg: {
                content: {
                    fs: 'lg'
                }
            }
        },
        radius: toSlots(radiusVariant, 'content'),
        color: {
            ...toSlots(colorVariant, 'content'),
            default: {
                content: {
                    bg: 'content',
                    color: 'inherit',
                    boxShadow: '0px 0px 5px 0px #00000005,0px 2px 10px 0px #0000000f,0px 0px 1px 0px #0000004d'
                }
            }
        }
    }
});

export { tooltipRecipe };