import './Item.styles_qei8qp.css';
import { styled } from '@linaria/react';
import { tokens } from '../../../../Select.tokens.js';
import { IconDone } from '../../../../../_Icon/Icons/IconDone.js';
import { IconDisclosureRightCentered } from '../../../../../_Icon/Icons/IconDisclosureRightCentered.js';
import { component, mergeConfig } from '../../../../../../engines/common.js';
import { checkboxConfig } from '../../../../../Checkbox/Checkbox.js';
import { cellConfig } from '../../../../../Cell/Cell.js';
import { indicatorConfig } from '../../../../../Indicator/Indicator.js';

var mergedCheckboxConfig = /*#__PURE__*/mergeConfig(checkboxConfig);
var Checkbox = /*#__PURE__*/component(mergedCheckboxConfig);
var mergedCellConfig = /*#__PURE__*/mergeConfig(cellConfig);
var Cell = /*#__PURE__*/component(mergedCellConfig);
var mergedIndicatorConfig = /*#__PURE__*/mergeConfig(indicatorConfig);
var Indicator = /*#__PURE__*/component(mergedIndicatorConfig);

// TODO: #1548
var _exp = function _exp() {
  return Cell;
};
var StyledCell = /*#__PURE__*/styled(_exp())({
  name: "StyledCell",
  "class": "sl878xc",
  propsAsIs: true
});
var _exp29 = function _exp29() {
  return Checkbox;
};
var StyledCheckbox = /*#__PURE__*/styled(_exp29())({
  name: "StyledCheckbox",
  "class": "s1yh4c6",
  propsAsIs: true
});
var _exp44 = function _exp44() {
  return Indicator;
};
var StyledIndicator = /*#__PURE__*/styled(_exp44())({
  name: "StyledIndicator",
  "class": "si5kabj",
  propsAsIs: true
});

// TODO: Удалить после поддержки JS переменных в конфиге компонент
var sizeMap = {
  xs: '1rem',
  s: '1.5rem'
};
var _exp49 = function _exp49() {
  return IconDisclosureRightCentered;
};
var _exp51 = function _exp51() {
  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 StyledArrow = /*#__PURE__*/styled(_exp49())({
  name: "StyledArrow",
  "class": "s1iktnu9",
  propsAsIs: true,
  vars: {
    "s1iktnu9-0": [/*#__PURE__*/_exp51()]
  }
});
var _exp52 = function _exp52() {
  return IconDone;
};
var _exp54 = function _exp54() {
  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 StyledIconDone = /*#__PURE__*/styled(_exp52())({
  name: "StyledIconDone",
  "class": "s199d5f1",
  propsAsIs: true,
  vars: {
    "s199d5f1-0": [/*#__PURE__*/_exp54()]
  }
});
var DisclosureIconWrapper = /*#__PURE__*/styled('div')({
  name: "DisclosureIconWrapper",
  "class": "dzjbsdr",
  propsAsIs: false
});
var _exp61 = function _exp61() {
  return function (_ref3) {
    var variant = _ref3.variant;
    return "var(".concat(variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize, ")");
  };
};
var IconWrapper = /*#__PURE__*/styled('div')({
  name: "IconWrapper",
  "class": "i1s68lu8",
  propsAsIs: false,
  vars: {
    "i1s68lu8-0": [/*#__PURE__*/_exp61()]
  }
});
var StyledText = /*#__PURE__*/styled('div')({
  name: "StyledText",
  "class": "sc4ekwr",
  propsAsIs: false
});
var _exp66 = function _exp66() {
  return function (_ref4) {
    var variant = _ref4.variant;
    return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
  };
};
var Wrapper = /*#__PURE__*/styled('li')({
  name: "Wrapper",
  "class": "w1174w0h",
  propsAsIs: false,
  vars: {
    "w1174w0h-0": [/*#__PURE__*/_exp66()]
  }
});
var StyledCheckboxWrapper = /*#__PURE__*/styled('span')({
  name: "StyledCheckboxWrapper",
  "class": "s1wmah2s",
  propsAsIs: false
});

export { DisclosureIconWrapper, IconWrapper, StyledArrow, StyledCell, StyledCheckbox, StyledCheckboxWrapper, StyledIconDone, StyledIndicator, StyledText, Wrapper, sizeMap };
