import { moduleMetadata } from '@storybook/angular';
import { CardComponent } from './card.component';
import { CardModule } from './card.module';


export default {
    title: 'Structure/Card',
    component: CardComponent,
    decorators: [
        moduleMetadata({
            imports: [CardModule]
        }),
    ]
};

const Template = (args: CardComponent) => ({
    component: CardComponent,
    props: args,
    template: `
        <onguard-card>
           <ng-container #header header>Header</ng-container>
           <ng-container #body body>Body</ng-container>
           <ng-container #footer footer>Footer</ng-container>
        </onguard-card>
    `
});

//   _____ _             _
//  / ____| |           (_)
// | (___ | |_ ___  _ __ _  ___  ___
//  \___ \| __/ _ \| '__| |/ _ \/ __|
//  ____) | || (_) | |  | |  __/\__ \
// |_____/ \__\___/|_|  |_|\___||___/


export const Primary = Template.bind({});
Primary.args = {

}