require('./Combobox.styles_261unw.css');
'use strict';

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

var react = require('@linaria/react');
var Combobox_tokens = require('./Combobox.tokens.js');
var IconDisclosureDownCentered = require('../../_Icon/Icons/IconDisclosureDownCentered.js');
var common = require('../../../engines/common.js');
var EmptyState$1 = require('../../EmptyState/EmptyState.js');

var mergedConfig = /*#__PURE__*/common.mergeConfig(EmptyState$1.emptyStateConfig);
var EmptyState = /*#__PURE__*/common.component(mergedConfig);
var _exp = function _exp() {
  return function (_ref) {
    var listWidth = _ref.listWidth;
    return listWidth || '100%';
  };
};
var ListWrapper = /*#__PURE__*/react.styled('div')({
  name: "ListWrapper",
  "class": "lxiiees",
  propsAsIs: false,
  vars: {
    "lxiiees-0": [/*#__PURE__*/_exp()]
  }
});
var _exp9 = function _exp9() {
  return function (_ref2) {
    var virtual = _ref2.virtual,
      listMaxHeight = _ref2.listMaxHeight;
    return virtual ? 'auto' : listMaxHeight || 'auto';
  };
};
var _exp10 = function _exp10() {
  return function (_ref3) {
    var virtual = _ref3.virtual;
    return virtual ? 'visible' : 'auto';
  };
};
var Ul = /*#__PURE__*/react.styled('ul')({
  name: "Ul",
  "class": "u1veo3wn",
  propsAsIs: false,
  vars: {
    "u1veo3wn-0": [/*#__PURE__*/_exp9()],
    "u1veo3wn-1": [/*#__PURE__*/_exp10()]
  }
});
var _exp15 = function _exp15() {
  return function (_ref4) {
    var disabled = _ref4.disabled,
      readOnly = _ref4.readOnly;
    return disabled || readOnly ? 'inherit' : 'pointer';
  };
};
var _exp17 = function _exp17() {
  return function (_ref5) {
    var disabled = _ref5.disabled,
      readOnly = _ref5.readOnly;
    return disabled || readOnly ? "var(".concat(Combobox_tokens.tokens.disclosureIconColor, ")") : "var(".concat(Combobox_tokens.tokens.disclosureIconColorHover, ")");
  };
};
var IconArrowWrapper = /*#__PURE__*/react.styled('div')({
  name: "IconArrowWrapper",
  "class": "i1hxiinv",
  propsAsIs: false,
  vars: {
    "i1hxiinv-0": [/*#__PURE__*/_exp15()],
    "i1hxiinv-1": [/*#__PURE__*/_exp17()]
  }
});
var _exp18 = function _exp18() {
  return IconDisclosureDownCentered.IconDisclosureDownCentered;
};
var _exp20 = function _exp20() {
  return function (_ref6) {
    var _ref6$size = _ref6.size,
      size = _ref6$size === void 0 ? 'xs' : _ref6$size;
    return "var(".concat(Combobox_tokens.tokens.disclosureIconSize, ", ").concat({
      xs: "1rem",
      s: "1.5rem"
    }[size], ")");
  };
};
var StyledArrow = /*#__PURE__*/react.styled(_exp18())({
  name: "StyledArrow",
  "class": "sr87xox",
  propsAsIs: true,
  vars: {
    "sr87xox-0": [/*#__PURE__*/_exp20()]
  }
});
var base = "b11cn92k";
var _exp21 = function _exp21() {
  return EmptyState;
};
var StyledEmptyState = /*#__PURE__*/react.styled(_exp21())({
  name: "StyledEmptyState",
  "class": "spp7ogj",
  propsAsIs: true
});
var StyledLeftHelper = /*#__PURE__*/react.styled('span')({
  name: "StyledLeftHelper",
  "class": "s3gft12",
  propsAsIs: false
});

exports.IconArrowWrapper = IconArrowWrapper;
exports.ListWrapper = ListWrapper;
exports.StyledArrow = StyledArrow;
exports.StyledEmptyState = StyledEmptyState;
exports.StyledLeftHelper = StyledLeftHelper;
exports.Ul = Ul;
exports.base = base;
//# sourceMappingURL=Combobox.styles.js.map
