import type { Meta, StoryFn } from '@storybook/angular';
import { DocButtonComponent, ISomeInterface } from '../docs/doc-button/doc-button.component';

export default {
  title: 'Addons/Controls',
  component: DocButtonComponent,
} as Meta;

const Template: StoryFn = (args) => ({
  props: args,
});

const someDataObject: ISomeInterface = {
  one: 'Hello world',
  two: true,
  three: ['One', 'Two', 'Three'],
};

export const Basic = Template.bind({});
Basic.args = { label: 'Args test', isDisabled: false, someDataObject };

export const Disabled = Template.bind({});
Disabled.args = { label: 'Disabled', isDisabled: true };

export const NoTemplate = () => ({
  props: { label: 'No template', isDisabled: false },
});
