Component Slots

const theme = {
  slots: {
    // String value = className
    consentBannerTitle: 'text-xl font-bold text-gray-900',

    // Object value = className + inline styles
    consentBannerCard: {
      className: 'rounded-xl shadow-lg',
      style: { maxWidth: '600px' },
    },
  },
} satisfies Theme;

// String: treated as className
consentBannerTitle: 'my-custom-class'

// Object: className + style + noStyle
consentBannerTitle: {
  className: 'my-custom-class',
  style: { color: 'red', fontSize: '1.5rem' },
  noStyle: false, // Set true to remove default styles for this slot
}