import { jsx as _jsx } from "react/jsx-runtime";
import Table from "./index";
export default {
    title: "Blocks/Table",
    component: Table,
};
const header = ["Token", "Amount", "Value"];
const rows = [
    { id: "EQ", token: "EQ", amount: 3, value: "$ 58" },
    { id: "BTC", token: "BTC", amount: 10, value: "$ 24.88" },
    { id: "USD", token: "USD", amount: 1, value: "$ 1" },
];
const Template = (args) => _jsx(Table, { ...args });
export const Basic = Template.bind({});
Basic.args = {
    header,
    rows,
};
const SomeComponent = () => {
    return _jsx("div", { children: "ghvdsjhdsh" });
};
export const WithReactComponents = Template.bind({});
WithReactComponents.args = {
    header,
    rows: [
        { id: "EQ", token: "EQ", amount: _jsx(SomeComponent, {}), value: "$ 58" },
        { id: "BTC", token: "BTC", amount: _jsx(SomeComponent, {}), value: "$ 24.88" },
        { id: "USD", token: "USD", amount: _jsx(SomeComponent, {}), value: "$ 1" },
    ]
};
export const WithProgress = Template.bind({});
WithProgress.args = {
    header,
    rows: [
        { id: "EQ", token: "EQ", amount: _jsx(SomeComponent, {}), value: "$ 58", progress: "50%" },
        { id: "BTC", token: "BTC", amount: _jsx(SomeComponent, {}), value: "$ 24.88", progress: "20.3%" },
        { id: "USD", token: "USD", amount: _jsx(SomeComponent, {}), value: "$ 1", progress: "10.2%" },
    ]
};
//# sourceMappingURL=index.stories.js.map