import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import styled from "styled-components";
import { RangeSlider } from "./range";
export default {
    title: "DesignSystem/RangeSlider",
    component: RangeSlider,
};
const Heading = styled.div `
  font-family: "Geometria", "Verdana", sans-serif;
  font-weight: 900;
  font-size: 24px;
  line-height: 30px;
  color: #233445;
  margin-bottom: 36px;
`;
const Template = (args) => (_jsxs(_Fragment, { children: [_jsx(Heading, { children: "Slider" }), _jsxs("div", { className: "block", children: [_jsxs(RangeSlider, { children: [_jsx("div", { className: "slider-bg" }), _jsx("div", { className: "current-line" })] }), _jsxs(RangeSlider, { children: [_jsx("div", { className: "slider-bg" }), _jsx("div", { className: "current-line" })] })] })] }));
export const Basic = Template.bind({});
Basic.args = {};
//# sourceMappingURL=range.stories.js.map