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

import { ButtonMeta } from './Button.meta.ts'

type ButtonVariant = (typeof ButtonMeta.cssProps.variant.values)[number]

export const CopyButtonMeta = createComponent('CopyButton', {
  extends: ButtonMeta,
  cssProps: {
    variant: {
      type: 'values',
      values: ['secondary', 'tertiary', 'inverse', 'naked'] as const satisfies ButtonVariant[],
      defaultValue: 'secondary',
    },
  },
})
