import './Button.styles_3ev7sc.css';
import { styled } from '@linaria/react';
import { IconDisclosureDownCentered } from '../../../../../_Icon/Icons/IconDisclosureDownCentered.js';
import { tokens } from '../../../../Select.tokens.js';
import { component, mergeConfig } from '../../../../../../engines/common.js';
import { buttonConfig } from '../../../../../Button/Button.js';

var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
var Button = /*#__PURE__*/component(mergedButtonConfig);
var _exp = function _exp() {
  return Button;
};
var StyledButton = /*#__PURE__*/styled(_exp())({
  name: "StyledButton",
  "class": "s1goxm7b",
  propsAsIs: true
});
var IconArrowWrapper = /*#__PURE__*/styled('div')({
  name: "IconArrowWrapper",
  "class": "iso0pku",
  propsAsIs: false
});

// TODO: Удалить после поддержки JS переменных в конфиге компонент
var sizeMap = {
  xs: '1rem',
  s: '1.5rem'
};
var _exp40 = function _exp40() {
  return IconDisclosureDownCentered;
};
var _exp42 = function _exp42() {
  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(_exp40())({
  name: "StyledArrow",
  "class": "s10ggbw9",
  propsAsIs: true,
  vars: {
    "s10ggbw9-0": [/*#__PURE__*/_exp42()]
  }
});
var ButtonWrapper = /*#__PURE__*/styled('div')({
  name: "ButtonWrapper",
  "class": "b74y2l",
  propsAsIs: false
});
var Label = /*#__PURE__*/styled('div')({
  name: "Label",
  "class": "lg6yaww",
  propsAsIs: false
});

export { ButtonWrapper, IconArrowWrapper, Label, StyledArrow, StyledButton, sizeMap };
