import { moduleMetadata } from '@storybook/angular';
import { ButtonComponent } from './button.component';


export default {
    title: 'Common/Button',
    component: ButtonComponent,
    decorators: [
        moduleMetadata({
            declarations: [
                ButtonComponent
            ]
        }),
    ]
};

const Template = (args: ButtonComponent) => ({
    component: ButtonComponent,
    props: args,
    template: `
        <div *ngFor="let type of buttonTypes" style="padding-bottom: 5px">
          <onguard-button [buttonType]='type'>{{type}}</onguard-button>
        </div>
        <onguard-button>Default</onguard-button>
    `
});

export const Primary = Template.bind({});
Primary.args = {
    buttonTypes: ['primary', 'secondary', 'neutral', 'dismiss']
};