require('./TimeGrid.styles_19khpux.css');
'use strict';

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

var react = require('@linaria/react');
var DateTimePicker_tokens = require('../../DateTimePicker.tokens.js');
var common = require('../../../../engines/common.js');
var TimePickerGrid$1 = require('../../../TimePickerGrid/TimePickerGrid.js');

var mergedTimePickerGrid = /*#__PURE__*/common.mergeConfig(TimePickerGrid$1.timePickerGridConfig);
var TimePickerGrid = /*#__PURE__*/common.component(mergedTimePickerGrid);
var _exp = function _exp() {
  return TimePickerGrid;
};
var _exp3 = function _exp3() {
  return function (_ref) {
    var innerWidth = _ref.innerWidth,
      columns = _ref.columns;
    return innerWidth && innerWidth !== '0' ? '100%' : "calc(var(".concat(DateTimePicker_tokens.tokens.timePickerColumnWidth, ") * ").concat(columns, " + var(").concat(DateTimePicker_tokens.tokens.timePickerColumnGap, ") * ").concat(columns - 1, ")");
  };
};
var _exp5 = function _exp5() {
  return function (_ref2) {
    var innerHeight = _ref2.innerHeight;
    return innerHeight && innerHeight !== '0' ? "calc(".concat(innerHeight, " - var(").concat(DateTimePicker_tokens.tokens.popoverVerticalPadding, "))") : "var(".concat(DateTimePicker_tokens.tokens.timePickerColumnHeight, ")");
  };
};
var StyledTimeGrid = /*#__PURE__*/react.styled(_exp())({
  name: "StyledTimeGrid",
  "class": "s1jlwiea",
  propsAsIs: true,
  vars: {
    "s1jlwiea-0": [/*#__PURE__*/_exp3()],
    "s1jlwiea-1": [/*#__PURE__*/_exp5()]
  }
});

exports.StyledTimeGrid = StyledTimeGrid;
