import React from 'react';
import SwInputButton from '@component/sw-input-button/sw-input-button'
import clsx from 'clsx'
const sizeMode = [
  '64px',
  '128px',
]
export default {
  title: 'Library / Sw Input Button',
  component: SwInputButton,
  argTypes: {
    size: {
      type: { name: 'text' },
      control: { type: 'select' },
      options: sizeMode,
    },

  },
}
const Template = args =>
  <div className={clsx('grid gap-6 p-6 bg-adjust-tone transition-colors text-adjust-tone-03')}>
    <div className={'flex flex-col'}>
      <div><sw-input-button text={"testo"} size={args.size} ></sw-input-button></div>
    </div>
  </div>

export const Size = Template.bind({})
Size.args = {
  size: 'size'
}

