import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import styled from "styled-components";
import Accordion from ".";
const meta = {
    title: "Controls/Accordion",
    component: Accordion,
};
export const Basic = () => {
    return (_jsxs(Accordion, { children: [_jsx(Accordion.Item, { title: "1234", content: "3456" }), _jsx(Accordion.Item, { title: "1234", content: "3456" })] }));
};
const Wrapper = styled.div `
  display: flex;
  flex-flow: row nowrap;
  width: 90%;

  .info {
  }

  .val {
    margin-left: auto;
  }
`;
const AccordionStyled = styled(Accordion) `
  background: #efefef;
  padding: 12px;

  .acc-item-wrapper {
    border-top: 0;
  }
`;
export const YouReceive = () => (_jsx(AccordionStyled, { children: _jsxs(Accordion.Item, { title: _jsxs(Wrapper, { children: [_jsx("div", { className: "info", children: "You receive:" }), _jsx("div", { className: "val", children: "4,000 GENS ($200)" })] }), children: [_jsxs(Wrapper, { children: [_jsx("div", { className: "info", children: "Allocation:" }), _jsx("div", { className: "val", children: "3,000 GENS ($150)" })] }), _jsxs(Wrapper, { children: [_jsx("div", { className: "info", children: "Bonus:" }), _jsx("div", { className: "val", children: "1,000 GENS ($50)" })] })] }) }));
export default meta;
//# sourceMappingURL=index.stories.js.map