@indielayer/ui/src/components/badge/theme/Badge.base.theme.ts

Indielayer UI Components with Tailwind CSS build for Vue 3

import type { BadgeTheme } from '../Badge.vue'

const theme: BadgeTheme = {
  classes: {
    wrapper: 'inline-block',
  },

  styles({ props, colors, css }) {
    const color = colors.getPalette(props.color)

    return css.get('bg', color[500])
  },
}

export default theme