import { createComponent } from '@graphprotocol/gds-css'

export const ChipMeta = createComponent('Chip', {
  cssProps: {
    /** @default 'medium' */
    size: {
      type: 'values',
      values: ['small', 'medium', 'large'],
      defaultValue: 'medium',
    },
  },
})

export const ChipGroupMeta = createComponent('ChipGroup', {
  cssProps: {
    /** @default 'medium' */
    size: {
      type: 'values',
      values: ChipMeta.cssProps.size.values,
      defaultValue: ChipMeta.cssProps.size.defaultValue,
    },
  },
})
