import {withA11y} from '@storybook/addon-a11y';
import {moduleMetadata} from '@storybook/angular';
import {OnguardButtonComponent} from './onguard-button.component';
import {OnguardButtonModule} from './onguard-button.module';
import {action} from '@storybook/addon-actions';

export default {
  title: 'Visualizations/Onguard Button',
  component: OnguardButtonComponent,
  decorators: [
    withA11y,
    moduleMetadata({
      imports: [
        OnguardButtonModule
      ]
    })
  ]
};

const Template = (args: OnguardButtonComponent) => ({
  component: OnguardButtonComponent,
  props: args,
  template: `<onguard-button [type]="type" (clickAction)="clickAction">Button</onguard-button>`,
});

export const primary = Template.bind({});
primary.args = {
  type: 'primary',
};

export const secondary = Template.bind({});
secondary.args = {
  type: 'secondary'
};

export const neutral = Template.bind({});
neutral.args = {
  type: 'neutral'
};

export const dismiss = Template.bind({});
dismiss.args = {
  type: 'dismiss'
};