import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import styled from "styled-components";
import Slider from "./slider";
export default {
    title: "DesignSystem/Slider",
    component: Slider,
};
const Heading = styled.div `
  font-family: "Geometria";
  font-weight: 900;
  font-size: 24px;
  line-height: 30px;
  color: #233445;
  margin-bottom: 36px;
`;
const Template = (args) => (_jsx(_Fragment, { children: _jsxs("div", { children: [_jsx(Heading, { children: "Slider" }), _jsx(Slider, { ariaLabelledby: "slider-label", className: "horizontal-slider", thumbClassName: "thumb", trackClassName: "track", value: 60, renderThumb: (props, state) => _jsx("div", { ...props, children: state.valueNow }) })] }) }));
export const Basic = Template.bind({});
Basic.args = {};
//# sourceMappingURL=slider.stories.js.map