import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import styled from "styled-components";
import { Switch } from "./other";
export default {
    title: "DesignSystem/Other",
    component: Switch,
};
const Wrapper = styled.div `
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  padding: 20px;
  border: 1px dashed #7b61ff;
  border-radius: 5px;
  width: max-content;
`;
const Template = (args) => (_jsx(_Fragment, { children: _jsxs(Wrapper, { children: [_jsx(Switch, { down: true }), _jsx(Switch, {})] }) }));
export const Basic = Template.bind({});
Basic.args = {
    as: "p",
    fontFamily: "Bold",
    fontSize: 20,
    fontWeight: "400",
    lineHeight: 22,
    color: "black",
    gray: false,
};
//# sourceMappingURL=other.stories.js.map