import { nonActionPalettes } from './palettes'

export const tagBase = {
  alignItems: 'center',
  color: 'colorPalette.text.initial',
  display: 'inline-flex',
  gap: '2',
  justifyContent: 'center',
  lineHeight: '0',
  userSelect: 'none',
  whiteSpace: 'nowrap',
}

export const filledUsage = {
  bgColor: 'colorPalette.surface.200',
}

export const tagPalettes = nonActionPalettes