@indielayer/ui/src/components/icon/theme/Icon.base.theme.ts

Indielayer UI Components with Tailwind CSS build for Vue 3

import type { IconTheme } from '../Icon.vue'

const theme: IconTheme = {
  classes: {
    wrapper: ({ props }) => {
      const classes = 'inline shrink-0'

      if (props.size === 'xs') return classes + ' h-3 w-3'
      else if (props.size === 'sm') return classes + ' h-4 w-4'
      else if (props.size === 'lg') return classes + ' h-6 w-6'
      else if (props.size === 'xl') return classes + ' h-7 w-7'

      return classes + ' h-4 w-4'
    },
  },
}

export default theme