import React from 'react';
import SwInputButton from '@component/sw-input-button/sw-input-button'
import clsx from 'clsx'
const iconMode = [
  'true',
  'false',
]
export default {
  title: 'Library / Sw Input Button',
  component: SwInputButton,
  argTypes: {
    icon: {
      type: { name: 'boolean' },
      control: { type: 'select' },
      options: iconMode,
    },

  },
}
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"} icon={args.icon} ></sw-input-button></div>
    </div>
  </div>

export const Icon = Template.bind({})
Icon.args = {
  icon: 'icon'
}

