kbd

kbd

export default {
  base: 'inline-flex items-center justify-center px-1 rounded-sm font-medium font-sans',
  variants: {
    variant: {
      solid: 'bg-inverted text-inverted',
      outline: 'bg-default text-highlighted ring ring-inset ring-accented',
      subtle: 'bg-elevated text-default ring ring-inset ring-accented',
    },
    size: {
      sm: 'h-4 min-w-[16px] text-[10px]',
      md: 'h-5 min-w-[20px] text-[11px]',
      lg: 'h-6 min-w-[24px] text-[12px]',
    },
  },
  defaultVariants: {
    variant: 'outline',
    size: 'md',
  } as const,
}

export default {
  base: 'inline-flex items-center justify-center px-1 rounded-sm font-medium font-sans',
  variants: {
    variant: {
      solid: 'bg-inverted text-inverted',
      outline: 'bg-default text-highlighted ring ring-inset ring-accented',
      subtle: 'bg-elevated text-default ring ring-inset ring-accented',
    },
    size: {
      sm: 'h-4 min-w-[16px] text-[10px]',
      md: 'h-5 min-w-[20px] text-[11px]',
      lg: 'h-6 min-w-[24px] text-[12px]',
    },
  },
  defaultVariants: {
    variant: 'outline',
    size: 'md',
  } as const,
}