import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import styled from "styled-components";
import { ThemeProvider } from "styled-components";
import equilibriumTheme from "../theme/equilibrium.theme";
import Table from "./index";
import T from "../typography";
import Button from "../button";
const Wrapper = styled.div `
  .custom-button {
    border-color: #ccdae9;
    color: #002445;
    font-size: 14px;
    line-height: 20px;
    font-family: Medium;

    :hover {
      color: white;
    }
  }
`;
export default {
    component: Table,
    title: "New/Table",
};
const cells = ["250px", "158px", "120px", "180px", "158px", "140px"];
const rows = Array(5).fill({
    project: "Equilibrium",
    raised: "30K DOT",
    contributions: "2.8K",
    bonus: "25% early bird",
    eqBonus: "1 EQ : 1 DOT",
});
export const Equilibrium = () => {
    return (_jsx(Wrapper, { children: _jsx(ThemeProvider, { theme: equilibriumTheme, children: _jsxs(Table, { children: [_jsxs(Table.Headers, { children: [_jsx(Table.Header, { width: cells[0], children: _jsx(T.B12, { children: "Project" }) }), _jsx(Table.Header, { width: cells[1], children: _jsx(T.B12, { children: "Funds raised" }) }), _jsx(Table.Header, { width: cells[2], children: _jsx(T.B12, { children: "Contributions" }) }), _jsx(Table.Header, { width: cells[3], children: _jsx(T.B12, { children: "Special bonus" }) }), _jsx(Table.Header, { width: cells[4], children: _jsx(T.B12, { children: "Equilibrium bonus" }) }), _jsx(Table.Header, { width: cells[5] })] }), rows.map((el) => (_jsxs(Table.Row, { height: "72px", children: [_jsx(Table.Cell, { width: cells[0], children: _jsx(T.B14, { children: el.project }) }), _jsx(Table.Cell, { width: cells[1], children: _jsx(T.B14, { children: el.raised }) }), _jsx(Table.Cell, { width: cells[2], children: _jsx(T.B14, { children: el.contributions }) }), _jsx(Table.Cell, { width: cells[3], children: _jsx(T.B14, { children: el.bonus }) }), _jsx(Table.Cell, { width: cells[4], children: _jsx(T.B14, { style: { color: "#1792ff" }, children: el.eqBonus }) }), _jsx(Table.Cell, { width: cells[5], children: _jsx(Button, { className: "custom-button", label: "Join", width: "100px", height: "32px", outline: true }) })] })))] }) }) }));
};
//# sourceMappingURL=table.stories.js.map