import { jsx as _jsx } from "react/jsx-runtime";
import { ThemeProvider } from "styled-components";
import equilibriumTheme from "../theme/equilibrium.theme";
import D3LineChart from "./d3-linechart";
import { mint } from "./d3-linechart.mock";
export default {
    id: "New/D3 Line chart",
    component: D3LineChart,
};
const Template = (args) => (_jsx(ThemeProvider, { theme: equilibriumTheme, children: _jsx(D3LineChart, { ...args }) }));
export const Basic = Template.bind({});
Basic.args = {
    width: 600,
    height: 600,
    charts: [
        {
            id: "mint",
            title: "Mint",
            type: "line",
            serie: mint,
            color: "#5EC46D",
            animationSettings: {
                lineDurationMs: 1000,
                gradientDurationMs: 1000,
                gradientDelayMs: 1500,
            },
        },
    ],
};
//# sourceMappingURL=d3-linechart.stories.js.map