import { moduleMetadata } from '@storybook/angular';
import { InfoTableComponent } from './info-table.component';


export default {
    title: 'Common/Info Table',
    component: InfoTableComponent,
    decorators: [
        moduleMetadata({
            declarations: [
                InfoTableComponent
            ]
        }),
    ],
};

const Template = (args: InfoTableComponent) => ({
    component: InfoTableComponent,
    props: args,
    template: `
    <onguard-info-table>
        <thead>
            <th></th>
            <th>ORIGIN</th>
            <th>DESTINATION</th>
        </thead>
        <tr>
            <th>IP</th>
            <td>172.30.95.175</td>
            <td>172.30.95.241</td>
        </tr>
        <tr>
            <th>NAME</th>
            <td>KUMC-G430-21</td>
            <td> - </td>
        </tr>
        <tr>
            <th>EXT</th>
            <td>CAB22MedProVirt</td>
            <td>MedPro-14</td>
        </tr>
    </onguard-info-table>
    `
});

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


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