@ygor-ui/presets/src/theme/recipes/tooltip.ts

Panda CSS presets for Ark UI components

import { tooltipAnatomy } from '@ark-ui/react'
import { defineSlotRecipe } from '@pandacss/dev'

export const tooltip = defineSlotRecipe({
  className: 'tooltip',
  description: 'A tooltip style',
  slots: tooltipAnatomy.keys(),
  base: {
    content: {
      background: 'fg.default',
      borderRadius: 'l2',
      boxShadow: 'lg',
      color: 'bg.default',
      fontWeight: 'semibold',
      px: '3',
      py: '2',
      textStyle: 'xs',
    },
  },
})