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

export const AddressMeta = createComponent('Address', {
  cssProps: {
    /** @default 'primary' */
    variant: {
      type: 'values',
      values: ['primary', 'secondary', 'enclosed'],
      defaultValue: 'primary',
    },
    /** @default 'medium' */
    size: {
      type: 'values',
      values: ['small', 'medium', 'large'],
      defaultValue: 'medium',
    },
    /**
     * Whether the address should be copyable, and when to show the copy button.
     *
     * - `false`: There is no copy button/functionality.
     * - `true`: A copy button is always visible and occupies space in the layout.
     * - `"auto"` (default): A copy button is visible on hover or focus (or at all times on
     *   touch-capable devices, i.e. `can-touch`), but it does not occupy space in the layout.
     *
     * @default 'auto'
     */
    copy: {
      type: 'values',
      values: [false, true, 'auto'],
      defaultValue: 'auto',
    },
  },
})
