import './Button.styles_l6tr4p.css';
import { styled } from '@linaria/react';
import { tokens } from './Button.tokens.js';
import { component, mergeConfig } from '../../engines/common.js';
import { spinnerConfig } from '../Spinner/Spinner.js';

// issue #823
var mergedConfig = /*#__PURE__*/mergeConfig(spinnerConfig);
var Spinner = /*#__PURE__*/component(mergedConfig);
var ButtonText = /*#__PURE__*/styled('span')({
  name: "ButtonText",
  "class": "bzw1898",
  propsAsIs: false
});
var StyledAdditionalContent = /*#__PURE__*/styled('div')({
  name: "StyledAdditionalContent",
  "class": "sdfuqwe",
  propsAsIs: false
});
var ButtonValue = /*#__PURE__*/styled('span')({
  name: "ButtonValue",
  "class": "b9ypozh",
  propsAsIs: false
});

// TODO: #720
var _exp12 = function _exp12() {
  return function (_ref) {
    var isLoading = _ref.isLoading;
    return isLoading ? '0' : '1';
  };
};
var _exp13 = function _exp13() {
  return function (_ref2) {
    var contentPlacing = _ref2.contentPlacing;
    return contentPlacing;
  };
};
var LoadWrap = /*#__PURE__*/styled('div')({
  name: "LoadWrap",
  "class": "l4dfhbg",
  propsAsIs: false,
  vars: {
    "l4dfhbg-0": [/*#__PURE__*/_exp12()],
    "l4dfhbg-1": [/*#__PURE__*/_exp13()]
  }
});
var Loader = /*#__PURE__*/styled('div')({
  name: "Loader",
  "class": "lrdlazt",
  propsAsIs: false
});
var _exp14 = function _exp14() {
  return Spinner;
};
var StyledSpinner = /*#__PURE__*/styled(_exp14())({
  name: "StyledSpinner",
  "class": "s7rggv0",
  propsAsIs: true
});
var _exp21 = function _exp21() {
  return function (_ref3) {
    var hasContentMargin = _ref3.hasContentMargin;
    return hasContentMargin ? "var(".concat(tokens.buttonLeftContentMargin, ")") : 0;
  };
};
var StyledContentLeft = /*#__PURE__*/styled('div')({
  name: "StyledContentLeft",
  "class": "s1rjh7ra",
  propsAsIs: false,
  vars: {
    "s1rjh7ra-0": [/*#__PURE__*/_exp21()]
  }
});
var _exp24 = function _exp24() {
  return function (_ref4) {
    var hasContentMargin = _ref4.hasContentMargin;
    return hasContentMargin ? "var(".concat(tokens.buttonRightContentMargin, ")") : 0;
  };
};
var StyledContentRight = /*#__PURE__*/styled('div')({
  name: "StyledContentRight",
  "class": "s9ga1dj",
  propsAsIs: false,
  vars: {
    "s9ga1dj-0": [/*#__PURE__*/_exp24()]
  }
});
var base = "babf779";

export { ButtonText, ButtonValue, LoadWrap, Loader, StyledAdditionalContent, StyledContentLeft, StyledContentRight, StyledSpinner, base };
//# sourceMappingURL=Button.styles.js.map
