import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import React from "react";
import styled from "styled-components";
import Radio from "./radio";
export default {
    title: "DesignSystem/Radio",
    component: Radio,
};
const Wrapper = styled.div `
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 48px;
  padding: 20px;
  border: 1px dashed #7b61ff;
  border-radius: 5px;
  width: 240px;
`;
const Template = (args) => {
    const [active, setActive] = React.useState(false);
    return (_jsx(_Fragment, { children: _jsxs(Wrapper, { children: [_jsx(Radio, { active: true }), _jsx(Radio, { active: true, children: "Radio on" }), _jsx(Radio, {}), _jsx(Radio, { children: "Radio on" }), _jsx(Radio, { lg: true, active: true }), _jsx("div", {}), _jsx(Radio, { lg: true }), _jsx("div", {}), _jsx(Radio, { lg: true, onClick: () => setActive((active) => !active), active: active, children: "Interactive" })] }) }));
};
export const Basic = Template.bind({});
Basic.args = {};
//# sourceMappingURL=radio.stories.js.map