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

export const TabSetTabsMeta = createComponent('TabSetTabs', {
  cssProps: {
    /** @default 'medium' */
    size: {
      type: 'values',
      values: ['small', 'medium', 'large'],
      defaultValue: 'medium',
    },
    /** @default false */
    fullWidth: {
      type: 'values',
      values: [false, true],
      defaultValue: false,
    },
    /** @default true */
    divider: {
      type: 'values',
      values: [false, true],
      defaultValue: true,
    },
  },
  vars: {
    gap: '--spacing(1)',
  },
})

export const TabSetTabMeta = createComponent('TabSetTab', {
  isolate: 'allow-inheritance',
})
