require('./TextFieldSlider.styles_k8bwkh.css');
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var react = require('@linaria/react');
var TextFieldSlider_tokens = require('./TextFieldSlider.tokens.js');

var ScaleTicksWrapper = /*#__PURE__*/react.styled('div')({
  name: "ScaleTicksWrapper",
  "class": "sjuynsf",
  propsAsIs: false
});
var ScaleTick = /*#__PURE__*/react.styled('div')({
  name: "ScaleTick",
  "class": "s1ofhlww",
  propsAsIs: false
});
var _exp12 = function _exp12() {
  return function (_ref) {
    var filled = _ref.filled;
    return filled ? "var(".concat(TextFieldSlider_tokens.tokens.scaleTickDotFilledColor, ")") : "var(".concat(TextFieldSlider_tokens.tokens.scaleTickDotColor, ")");
  };
};
var ScaleTickDot = /*#__PURE__*/react.styled('span')({
  name: "ScaleTickDot",
  "class": "s5sygbk",
  propsAsIs: false,
  vars: {
    "s5sygbk-0": [/*#__PURE__*/_exp12()]
  }
});
var ScaleTickLabel = /*#__PURE__*/react.styled('span')({
  name: "ScaleTickLabel",
  "class": "shxa4k5",
  propsAsIs: false
});
var SliderContainer = /*#__PURE__*/react.styled('div')({
  name: "SliderContainer",
  "class": "s1qpys9v",
  propsAsIs: false
});
var SliderWithHelpersWrapper = /*#__PURE__*/react.styled('div')({
  name: "SliderWithHelpersWrapper",
  "class": "s4kcycj",
  propsAsIs: false
});
var ScaleWrapper = /*#__PURE__*/react.styled('div')({
  name: "ScaleWrapper",
  "class": "sgvzxcr",
  propsAsIs: false
});
var ScaleValue = /*#__PURE__*/react.styled('span')({
  name: "ScaleValue",
  "class": "sjg1y5u",
  propsAsIs: false
});
var base = "b3zpjkk";

exports.ScaleTick = ScaleTick;
exports.ScaleTickDot = ScaleTickDot;
exports.ScaleTickLabel = ScaleTickLabel;
exports.ScaleTicksWrapper = ScaleTicksWrapper;
exports.ScaleValue = ScaleValue;
exports.ScaleWrapper = ScaleWrapper;
exports.SliderContainer = SliderContainer;
exports.SliderWithHelpersWrapper = SliderWithHelpersWrapper;
exports.base = base;
