import './DateShortcutList.styles_kkfde9.css';
import { styled } from '@linaria/react';
import { tokens } from '../../DateTimePicker.tokens.js';
import { component, mergeConfig } from '../../../../engines/common.js';
import { cellConfig } from '../../../Cell/Cell.js';

var mergedCellConfig = /*#__PURE__*/mergeConfig(cellConfig);
var Cell = /*#__PURE__*/component(mergedCellConfig);
var _exp = function _exp() {
  return function (_ref) {
    var dateShortcutsPlacement = _ref.dateShortcutsPlacement;
    return dateShortcutsPlacement === 'left' ? 'unset' : '999';
  };
};
var _exp2 = function _exp2() {
  return function (_ref2) {
    var dateShortcutsPlacement = _ref2.dateShortcutsPlacement;
    return dateShortcutsPlacement === 'left' ? 'row-reverse' : 'row';
  };
};
var _exp4 = function _exp4() {
  return function (_ref3) {
    var innerWidth = _ref3.innerWidth;
    return innerWidth && innerWidth !== '0' ? '2' : '0';
  };
};
var _exp5 = function _exp5() {
  return function (_ref4) {
    var innerHeight = _ref4.innerHeight;
    return innerHeight && innerHeight !== '0' ? "calc(".concat(innerHeight, " - var(").concat(tokens.popoverVerticalPadding, "))") : "var(".concat(tokens.calendarHeight, ")");
  };
};
var ShortcutsWrapper = /*#__PURE__*/styled('div')({
  name: "ShortcutsWrapper",
  "class": "sql62gu",
  propsAsIs: false,
  vars: {
    "sql62gu-0": [/*#__PURE__*/_exp()],
    "sql62gu-1": [/*#__PURE__*/_exp2()],
    "sql62gu-2": [/*#__PURE__*/_exp4()],
    "sql62gu-3": [/*#__PURE__*/_exp5()]
  }
});
var _exp6 = function _exp6() {
  return function (_ref5) {
    var width = _ref5.width;
    return width || 'fit-content';
  };
};
var ShortcutList = /*#__PURE__*/styled('ul')({
  name: "ShortcutList",
  "class": "s19tn77z",
  propsAsIs: false,
  vars: {
    "s19tn77z-0": [/*#__PURE__*/_exp6()]
  }
});
var ShortcutItem = /*#__PURE__*/styled('li')({
  name: "ShortcutItem",
  "class": "s1ctw347",
  propsAsIs: false
});
var _exp12 = function _exp12() {
  return Cell;
};
var StyledCell = /*#__PURE__*/styled(_exp12())({
  name: "StyledCell",
  "class": "s1ht0bq6",
  propsAsIs: true
});
var ShortcutTitleWrapper = /*#__PURE__*/styled('div')({
  name: "ShortcutTitleWrapper",
  "class": "s1nuv94m",
  propsAsIs: false
});
var ShortcutTitle = /*#__PURE__*/styled('span')({
  name: "ShortcutTitle",
  "class": "sf55l2g",
  propsAsIs: false
});

export { ShortcutItem, ShortcutList, ShortcutTitle, ShortcutTitleWrapper, ShortcutsWrapper, StyledCell };
