"use strict";

exports.__esModule = true;
exports.InputRange = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _theme = require("../../../theme");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var InputRange = exports.InputRange = _styledComponents["default"].input.attrs({
  type: "range"
}).withConfig({
  displayName: "styled__InputRange",
  componentId: "sc-17kts71-0"
})(["-webkit-appearance:none;height:2px;background-color:", "40;background-image:linear-gradient(", ",", ");background-repeat:no-repeat;background-size:", ";cursor:pointer;width:100%;&::-webkit-slider-thumb{-webkit-appearance:none;height:10px;width:10px;border-radius:50%;background:", ";transition:all 0.3s ease-in-out;&:active{height:16px;width:16px;}}"], (0, _theme.getColor)("primary"), (0, _theme.getColor)("primary"), (0, _theme.getColor)("primary"), function (_ref) {
  var max = _ref.max,
    value = _ref.value;
  return value * 100 / max + "% 100%";
}, (0, _theme.getColor)("primary"));