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

export const AvatarMeta = createComponent('Avatar', {
  addonCompatible: true,
  cssProps: {
    /** @default 'circle' */
    shape: {
      type: 'values',
      values: ['circle', 'rounded'],
      defaultValue: 'circle',
    },
    /** @default 'medium' */
    size: {
      type: 'values',
      values: ['xsmall', 'small', 'medium', 'large', 'xlarge'],
      defaultValue: 'medium',
    },
  },
})
