import './Handler.styles_gi7pw9.css';
import { styled } from '@linaria/react';
import { tokens } from '../../Slider.tokens.js';

var _exp2 = function _exp2() {
  return function (_ref) {
    var isPointerHidden = _ref.isPointerHidden;
    return isPointerHidden ? 'calc(var(--plasma-private-thumb-size))' : 'calc(-0.125rem)';
  };
};
var StyledValue = /*#__PURE__*/styled('span')({
  name: "StyledValue",
  "class": "s1tnrnip",
  propsAsIs: false,
  vars: {
    "s1tnrnip-0": [/*#__PURE__*/_exp2()]
  }
});
var _exp9 = function _exp9() {
  return function (_ref2) {
    var isLarge = _ref2.isLarge;
    return isLarge ? "var(".concat(tokens.thumbSizeLarge, ")") : "var(".concat(tokens.thumbSize, ")");
  };
};
var _exp12 = function _exp12() {
  return function (_ref3) {
    var isPointerHidden = _ref3.isPointerHidden;
    return isPointerHidden ? 'calc(var(--plasma-private-thumb-size) / 2 )' : '-0.125rem';
  };
};
var HandlerStyled = /*#__PURE__*/styled('div')({
  name: "HandlerStyled",
  "class": "h12uu2lj",
  propsAsIs: false,
  vars: {
    "h12uu2lj-0": [/*#__PURE__*/_exp9()],
    "h12uu2lj-1": [/*#__PURE__*/_exp12()]
  }
});

export { HandlerStyled, StyledValue };
//# sourceMappingURL=Handler.styles.js.map
