@thot/components/token/Token/component/BorderRadius/BorderRadius.stories.js

Libreria de componentes web

import Token from '../..'
import { choices } from '../../..'

import { getTemplate, getListTemplate } from '../../../../helpers/storybook'
import { getTokenItems } from '../../helpers'

export default {
  title: 'Tokens/BorderRadius',
  component: Token.BorderRadius,
  args: {
    children:
      "Depend noticed bones Edge disturbing flesh heard cream. Morninged facial judgment Hobbit fortress. Camp flatten buy dagger Sit. Leagues sweeter 1400 mean friend unlost Déagol trade stuffing? Smithy's jiffy merely treacherous cozy interesting ask seat Thror's.",
  },
  argTypes: {
    value: {
      control: {
        type: 'inline-radio',
        options: Object.keys(choices.borderRadius).map(
          (key) => choices.borderRadius[key]
        ),
      },
    },
    isPlayground: {
      table: {
        disable: true,
      },
    },
    label: {
      table: {
        disable: true,
      },
    },
    children: {
      table: {
        disable: true,
      },
    },
  },
}

const Template = getTemplate(Token.BorderRadius)

export const Default = Template.bind({})
Default.args = {
  label: '--border-radius-none',
  value: '0',
}

const getItems = getTokenItems(choices.borderRadius, 'borderRadius')
const ListTemplate = getListTemplate(Token.BorderRadius)

export const Borders = ListTemplate.bind({})
Borders.args = {
  items: getItems(),
}