import './Button.styles_lsgupt.css';
import { styled } from '@linaria/react';
import { tokens } from '../../../../Select.tokens.js';
import { IconDisclosureDownCentered } from '../../../../../_Icon/Icons/IconDisclosureDownCentered.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": "sfn0xs0",
  propsAsIs: true
});
var IconArrowWrapper = /*#__PURE__*/styled('div')({
  name: "IconArrowWrapper",
  "class": "i1akdel6",
  propsAsIs: false
});
var _exp42 = function _exp42() {
  return IconDisclosureDownCentered;
};
var _exp44 = function _exp44() {
  return function (_ref) {
    var _ref$size = _ref.size,
      size = _ref$size === void 0 ? 'xs' : _ref$size;
    return "var(".concat(tokens.disclosureIconSize, ", ").concat({
      xs: "1rem",
      s: "1.5rem"
    }[size], ")");
  };
};
var StyledArrow = /*#__PURE__*/styled(_exp42())({
  name: "StyledArrow",
  "class": "sn98tws",
  propsAsIs: true,
  vars: {
    "sn98tws-0": [/*#__PURE__*/_exp44()]
  }
});
var ButtonWrapper = /*#__PURE__*/styled('div')({
  name: "ButtonWrapper",
  "class": "ba2820e",
  propsAsIs: false
});
var Label = /*#__PURE__*/styled('div')({
  name: "Label",
  "class": "lpf11kx",
  propsAsIs: false
});

export { ButtonWrapper, IconArrowWrapper, Label, StyledArrow, StyledButton };
//# sourceMappingURL=Button.styles.js.map
