import { withA11y } from '@storybook/addon-a11y';
import { LineChartComponent } from './line-chart.component';
import { records } from './LineChartSampleData';

export default {
    title: 'Visualizations/Britecharts/Line Chart',
    component: LineChartComponent,
    decorators: [withA11y],
};

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

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

export const Primary = Template.bind({});
Primary.args = {
    data: records,
};

export const Secondary = Template.bind({});
Secondary.args = {
    data: records,
    tooltip: true,
    grid: 'full',
    xAxisCustomFormat: '%Q ms', // '%Q %L
};