import './TimePicker.styles_p8ayib.css';
import { styled } from '@linaria/react';
import { tokens } from './TimePicker.tokens.js';
import { component, mergeConfig } from '../../engines/common.js';
import { textFieldConfig } from '../TextField/TextField.js';
import { timePickerGridConfig } from '../TimePickerGrid/TimePickerGrid.js';

var mergedTextFieldConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
var TextField = /*#__PURE__*/component(mergedTextFieldConfig);
var mergedTimePickerGrid = /*#__PURE__*/mergeConfig(timePickerGridConfig);
var TimePickerGrid = /*#__PURE__*/component(mergedTimePickerGrid);
var FloatingWrapper = /*#__PURE__*/styled('div')({
  name: "FloatingWrapper",
  "class": "f8csojw",
  propsAsIs: false
});
var FloatingTarget = /*#__PURE__*/styled('div')({
  name: "FloatingTarget",
  "class": "f1ghbm1p",
  propsAsIs: false
});
var FloatingContent = /*#__PURE__*/styled('div')({
  name: "FloatingContent",
  "class": "f19h9m1x",
  propsAsIs: false
});
var _exp = function _exp() {
  return TimePickerGrid;
};
var _exp40 = function _exp40() {
  return function (_ref) {
    var innerWidth = _ref.innerWidth;
    return innerWidth || "var(".concat(tokens.timePickerWidth, ")");
  };
};
var _exp41 = function _exp41() {
  return function (_ref2) {
    var innerHeight = _ref2.innerHeight;
    return innerHeight || "var(".concat(tokens.columnHeight, ")");
  };
};
var StyledTimePickerGrid = /*#__PURE__*/styled(_exp())({
  name: "StyledTimePickerGrid",
  "class": "slnaiay",
  propsAsIs: true,
  vars: {
    "slnaiay-0": [/*#__PURE__*/_exp40()],
    "slnaiay-1": [/*#__PURE__*/_exp41()]
  }
});

// NOTE: переопределение токенов TextField
var _exp42 = function _exp42() {
  return TextField;
};
var StyledInput = /*#__PURE__*/styled(_exp42())({
  name: "StyledInput",
  "class": "sh0cawu",
  propsAsIs: true
});
var base = "b15lrh1g";

export { FloatingContent, FloatingTarget, FloatingWrapper, StyledInput, StyledTimePickerGrid, base };
//# sourceMappingURL=TimePicker.styles.js.map
