import './TextFieldSlider.styles_k8bwkh.css';
import { styled } from '@linaria/react';
import { tokens } from './TextFieldSlider.tokens.js';

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

export { ScaleTick, ScaleTickDot, ScaleTickLabel, ScaleTicksWrapper, ScaleValue, ScaleWrapper, SliderContainer, SliderWithHelpersWrapper, base };
