@geezee/react-ui/esm/button/button-icon.js

Modern and minimalist React UI library.

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import _JSXStyle from "styled-jsx/style";
import React from 'react';
import withDefaults from '../utils/with-defaults';
var defaultProps = {
  isRight: false,
  className: ''
};

var ButtonIcon = function ButtonIcon(_ref) {
  var isRight = _ref.isRight,
      children = _ref.children,
      className = _ref.className,
      props = _objectWithoutProperties(_ref, ["isRight", "children", "className"]);

  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
    className: "jsx-2407625583" + " " + (props && props.className != null && props.className || "icon ".concat(isRight ? 'right' : '', " ").concat(className))
  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
    id: "2407625583"
  }, ".icon.jsx-2407625583{position:absolute;left:var(--cfx-ui-button-padding);right:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--cfx-ui-button-color);z-index:1;}.right.jsx-2407625583{right:var(--cfx-ui-button-padding);left:auto;}.icon.jsx-2407625583 svg{background:transparent;height:calc(var(--cfx-ui-button-height) / 2.35);width:calc(var(--cfx-ui-button-height) / 2.35);}"));
};

var MemoButtonIcon = React.memo(ButtonIcon);
export default withDefaults(MemoButtonIcon, defaultProps);