import './Item.styles_olo0db.css';
import { styled } from '@linaria/react';
import { IconDisclosureRightCentered } from '../../../../../_Icon/Icons/IconDisclosureRightCentered.js';
import { tokens } from '../../../../Combobox.tokens.js';

var ItemWrapper = /*#__PURE__*/styled('div')({
  name: "ItemWrapper",
  "class": "iby474j",
  propsAsIs: false
});

// TODO: Удалить после поддержки JS переменных в конфиге компонент
var sizeMap = {
  xs: '1rem',
  s: '1.5rem'
};
var _exp = function _exp() {
  return IconDisclosureRightCentered;
};
var _exp3 = function _exp3() {
  return function (_ref) {
    var _ref$size = _ref.size,
      size = _ref$size === void 0 ? 'xs' : _ref$size;
    return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
  };
};
var StyledArrowLeft = /*#__PURE__*/styled(_exp())({
  name: "StyledArrowLeft",
  "class": "s1tji5ua",
  propsAsIs: true,
  vars: {
    "s1tji5ua-0": [/*#__PURE__*/_exp3()]
  }
});
var _exp5 = function _exp5() {
  return IconDisclosureRightCentered;
};
var _exp7 = function _exp7() {
  return function (_ref2) {
    var _ref2$size = _ref2.size,
      size = _ref2$size === void 0 ? 'xs' : _ref2$size;
    return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
  };
};
var StyledArrowRight = /*#__PURE__*/styled(_exp5())({
  name: "StyledArrowRight",
  "class": "s7tusxd",
  propsAsIs: true,
  vars: {
    "s7tusxd-0": [/*#__PURE__*/_exp7()]
  }
});
var _exp0 = function _exp0() {
  return function (_ref3) {
    var visibility = _ref3.visibility;
    return visibility || 'visible';
  };
};
var DisclosureIconWrapper = /*#__PURE__*/styled('div')({
  name: "DisclosureIconWrapper",
  "class": "d1s5a2ur",
  propsAsIs: false,
  vars: {
    "d1s5a2ur-0": [/*#__PURE__*/_exp0()]
  }
});
var _exp12 = function _exp12() {
  return function (_ref4) {
    var variant = _ref4.variant;
    return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
  };
};
var Wrapper = /*#__PURE__*/styled('div')({
  name: "Wrapper",
  "class": "w1k5tazg",
  propsAsIs: false,
  vars: {
    "w1k5tazg-0": [/*#__PURE__*/_exp12()]
  }
});
var ChildItems = /*#__PURE__*/styled('div')({
  name: "ChildItems",
  "class": "c1hmzb7n",
  propsAsIs: false
});
var _exp29 = function _exp29() {
  return function (_ref5) {
    var depth = _ref5.depth;
    return depth || 0;
  };
};
var Offset = /*#__PURE__*/styled('div')({
  name: "Offset",
  "class": "o116dwdr",
  propsAsIs: false,
  vars: {
    "o116dwdr-0": [/*#__PURE__*/_exp29()]
  }
});

export { ChildItems, DisclosureIconWrapper, ItemWrapper, Offset, StyledArrowLeft, StyledArrowRight, Wrapper, sizeMap };
