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

export default {
  title: 'Library / Sw Input Button',
  component: SwInputButton,
  argTypes: {
    text: {
      type: { name: 'string' },
      // control: { type: 'string' },
      // options: textMode,
    },

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

export const Text = Template.bind({})
Text.args = {
  text: 'Titolo'
}

