import React from 'react';
import SwInputButton from '@component/customs/sw-input-button/sw-input-button'

import clsx from 'clsx'
const darkMode = [
  'true',
  'false',
]

export default {
  title: 'Library / Sw Input Button',
  component: SwInputButton,
  argTypes: {
    dark: {
      type: { name: 'boolean' },
      control: { type: 'select' },
      options: darkMode,
    },
  },
}
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"} dark={args.dark}></sw-input-button></div>
    </div>
  </div>

export const Dark = Template.bind({})
Dark.args = {
  dark: 'dark'
}


