import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["isRight", "isSingle", "children", "className"];
import _JSXStyle from "../styled-jsx.es.js";
/* "use client" */

import React from 'react';
import useClasses from '../use-classes';
var ButtonIcon = function ButtonIcon(_ref) {
  var _ref$isRight = _ref.isRight,
    isRight = _ref$isRight === void 0 ? false : _ref$isRight,
    isSingle = _ref.isSingle,
    children = _ref.children,
    _ref$className = _ref.className,
    className = _ref$className === void 0 ? '' : _ref$className,
    props = _objectWithoutProperties(_ref, _excluded);
  var classes = useClasses('icon', {
    right: isRight,
    single: isSingle
  }, className);
  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
    className: "jsx-2467502931" + " " + (props && props.className != null && props.className || classes || "")
  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
    id: "2467502931"
  }, ".icon.jsx-2467502931{position:absolute;left:var(--helpdice-ui-button-icon-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(--helpdice-ui-button-color);z-index:1;}.right.jsx-2467502931{right:var(--helpdice-ui-button-icon-padding);left:auto;}.icon.jsx-2467502931 svg{background:transparent;height:calc(var(--helpdice-ui-button-height) / 2.35);width:calc(var(--helpdice-ui-button-height) / 2.35);}.single.jsx-2467502931{position:static;-webkit-transform:none;-ms-transform:none;transform:none;}"));
};
ButtonIcon.displayName = 'ButtonIcon';
export default ButtonIcon;