import './DropdownItem.styles_1algi32.css';
import { styled } from '@linaria/react';
import { tokens } from '../../Dropdown.tokens.js';
import { IconDisclosureRight } from '../../../_Icon/Icons/IconDisclosureRight.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 CellWrapper = /*#__PURE__*/styled('div')({
  name: "CellWrapper",
  "class": "c1gkzlls",
  propsAsIs: false
});
var _exp29 = function _exp29() {
  return Cell;
};
var StyledCell = /*#__PURE__*/styled(_exp29())({
  name: "StyledCell",
  "class": "sz6s14y",
  propsAsIs: true
});
var DisclosureIconWrapper = /*#__PURE__*/styled('div')({
  name: "DisclosureIconWrapper",
  "class": "d1m97l2m",
  propsAsIs: false
});
var _exp32 = function _exp32() {
  return IconDisclosureRight;
};
var _exp34 = function _exp34() {
  return function (_ref) {
    var _ref$size = _ref.size,
      size = _ref$size === void 0 ? 'xs' : _ref$size;
    return "var(".concat(tokens.itemDisclosureIconSize, ", ").concat({
      xs: "1rem",
      s: "1.5rem",
      m: "2rem"
    }[size], ")");
  };
};
var StyledIconDisclosureRight = /*#__PURE__*/styled(_exp32())({
  name: "StyledIconDisclosureRight",
  "class": "soib72h",
  propsAsIs: true,
  vars: {
    "soib72h-0": [/*#__PURE__*/_exp34()]
  }
});
var _exp35 = function _exp35() {
  return function (_ref2) {
    var variant = _ref2.variant;
    return "var(".concat(variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop, ")");
  };
};
var _exp37 = function _exp37() {
  return function (_ref3) {
    var variant = _ref3.variant;
    return "var(".concat(variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom, ")");
  };
};
var Divider = /*#__PURE__*/styled('div')({
  name: "Divider",
  "class": "d6l2f0g",
  propsAsIs: false,
  vars: {
    "d6l2f0g-0": [/*#__PURE__*/_exp35()],
    "d6l2f0g-1": [/*#__PURE__*/_exp37()]
  }
});
var _exp40 = function _exp40() {
  return function (_ref4) {
    var variant = _ref4.variant;
    return "var(".concat(variant === 'tight' ? tokens.itemGapTight : tokens.itemGap, ")");
  };
};
var _exp43 = function _exp43() {
  return function (_ref5) {
    var variant = _ref5.variant;
    return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
  };
};
var Wrapper = /*#__PURE__*/styled('li')({
  name: "Wrapper",
  "class": "w1jav4ek",
  propsAsIs: false,
  vars: {
    "w1jav4ek-0": [/*#__PURE__*/_exp40()],
    "w1jav4ek-1": [/*#__PURE__*/_exp43()]
  }
});
var RenderItemWrapper = /*#__PURE__*/styled('div')({
  name: "RenderItemWrapper",
  "class": "r1fqtjio",
  propsAsIs: false
});

export { CellWrapper, DisclosureIconWrapper, Divider, RenderItemWrapper, StyledCell, StyledIconDisclosureRight, Wrapper };
//# sourceMappingURL=DropdownItem.styles.js.map
