@nex-ui/react/dist/cjs/theme/recipes/tooltip.cjs

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

'use strict';

var system = require('@nex-ui/system');
var toSlots = require('../shared/toSlots.cjs');
var variants = require('../shared/variants.cjs');

const tooltipRecipe = system.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.toSlots(variants.radiusVariant, 'content'),
        color: {
            ...toSlots.toSlots(variants.colorVariant, 'content'),
            default: {
                content: {
                    bg: 'content',
                    color: 'inherit',
                    boxShadow: '0px 0px 5px 0px #00000005,0px 2px 10px 0px #0000000f,0px 0px 1px 0px #0000004d'
                }
            }
        }
    }
});

exports.tooltipRecipe = tooltipRecipe;