@makeen.io/material-ui-kit/distr/atoms/Slider/index.js

Makeen UI components kit. Based on material-ui.

import _extends from "@babel/runtime/helpers/extends";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject() {var data = _taggedTemplateLiteral(["\n  margin-top: 30px;\n\n  & .MuiSlider-thumb {\n    background: ", ";\n  }\n\n  & .MuiSlider-rail {\n    background: #e4e9f2;\n  }\n\n  & .MuiSlider-track {\n    background: ", ";\n  }\n\n  & .MuiSlider-valueLabel {\n    color: ", ";\n  }\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import Slider from "@material-ui/core/Slider";
import styled from "styled-components";
var StyledSlider = styled(Slider)(_templateObject(),



function (props) {return props.theme.palette.quaternary.main;},







function (props) {return props.theme.palette.infoLight.main;},



function (props) {return props.theme.palette.quaternary.main;});


export default (function (_ref) {var onChange = _ref.onChange,rest = _objectWithoutProperties(_ref, ["onChange"]);
  var handleChange = React.useCallback(function (e, v) {return onChange && onChange(v);}, [onChange]);
  return /*#__PURE__*/React.createElement(StyledSlider, _extends({}, rest, { onChange: handleChange, valueLabelDisplay: "auto", "aria-labelledby": "range-slider" }));
});
//# sourceMappingURL=index.js.map