import { tv } from 'tailwind-variants';

export const tooltipTheme = tv({
  slots: {
    content: [
      'z-tooltip',
      'rounded-md',
      'bg-surface-high-contrast',
      'dark:bg-overlay3',
      'p-2',
      'text-elements-on-high-contrast',
      'dark:text-foreground-secondary',
    ],
    arrow: ['fill-surface-high-contrast'],
  },
});
