import { jsx as _jsx } from "react/jsx-runtime";
import { ThemeProvider } from "styled-components";
import equilibriumTheme from "../theme/equilibrium.theme";
import D3BarChart from "./d3-barchart";
import { mint, burn, diff } from "./d3-barchart.mock";
export default {
    id: "New/D3 Bar chart",
    component: D3BarChart,
};
const Template = (args) => (_jsx(ThemeProvider, { theme: equilibriumTheme, children: _jsx(D3BarChart, { ...args }) }));
export const Basic = Template.bind({});
Basic.args = {
    width: 600,
    height: 600,
    formatterX: ([x, _]) => new Date(x).toLocaleString(),
    charts: [
        {
            id: "mint",
            title: "Mint",
            type: "bar",
            serie: mint,
            color: "#1792ff",
        },
    ],
};
export const MintBurn = Template.bind({});
MintBurn.args = {
    width: 600,
    height: 600,
    formatterX: ([x, _]) => new Date(x).toLocaleString(),
    charts: [
        {
            id: "mint",
            title: "Mint",
            type: "bar",
            serie: mint,
            color: "#1792ff",
        },
        {
            id: "burn",
            title: "Burn",
            type: "bar",
            serie: burn,
            color: "#1F74D1",
        },
        {
            id: "diff",
            title: "Diff",
            type: "line",
            serie: diff,
            color: "#535E69",
            yOffset: 50,
        },
    ],
};
//# sourceMappingURL=d3-barchart.stories.js.map