import './Range.styles_iqzed4.css';
import { styled } from '@linaria/react';
import { EmbedIconButtonUI } from './ui/EmbedIconButton/EmbedIconButton.styles.js';
import { component, mergeConfig } from '../../engines/common.js';
import { textFieldConfig } from '../TextField/TextField.js';

var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
var TextField = /*#__PURE__*/component(mergedConfig);
var StyledContentLeft = /*#__PURE__*/styled('div')({
  name: "StyledContentLeft",
  "class": "svp8jm2",
  propsAsIs: false
});
var _exp4 = function _exp4() {
  return EmbedIconButtonUI;
};
var StyledContentRight = /*#__PURE__*/styled(_exp4())({
  name: "StyledContentRight",
  "class": "s1tjfkx7",
  propsAsIs: true
});

// NOTE: переопределение токенов TextField
var _exp5 = function _exp5() {
  return TextField;
};
var StyledInput = /*#__PURE__*/styled(_exp5())({
  name: "StyledInput",
  "class": "s1l5coqg",
  propsAsIs: true
});
var base = "b1ka7afd";
var ContentWrapper = /*#__PURE__*/styled('div')({
  name: "ContentWrapper",
  "class": "czy1jhm",
  propsAsIs: false
});
var StyledDivider = /*#__PURE__*/styled('div')({
  name: "StyledDivider",
  "class": "soioa9c",
  propsAsIs: false
});
var StyledContentRightWrapper = /*#__PURE__*/styled('div')({
  name: "StyledContentRightWrapper",
  "class": "sil6g5v",
  propsAsIs: false
});

export { ContentWrapper, StyledContentLeft, StyledContentRight, StyledContentRightWrapper, StyledDivider, StyledInput, base };
