@aokiapp/rjsf-mantine-theme/dist/templates/ButtonTemplates/IconButton.cjs

Mantine theme, fields and widgets for react-jsonschema-form

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');
var core = require('@mantine/core');
var utils = require('@rjsf/utils');
var iconsReact = require('@tabler/icons-react');

function IconButton(props) {
  const { iconType, icon, uiSchema: _uiSchema, registry: _registry, color, title, ...rest } = props;
  return /* @__PURE__ */ jsxRuntime.jsx(
    core.ActionIcon,
    {
      size: iconType,
      variant: "light",
      color,
      "aria-label": title,
      title,
      role: "button",
      ...rest,
      children: icon
    }
  );
}
function CopyButton(props) {
  const {
    registry: { translateString }
  } = props;
  return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.CopyButton), ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconCopy, {}) });
}
function MoveDownButton(props) {
  const {
    registry: { translateString }
  } = props;
  return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.MoveDownButton), ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconChevronDown, {}) });
}
function MoveUpButton(props) {
  const {
    registry: { translateString }
  } = props;
  return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.MoveUpButton), ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconChevronUp, {}) });
}
function RemoveButton(props) {
  const {
    registry: { translateString }
  } = props;
  return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.RemoveButton), color: "red", ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconTrash, {}) });
}

exports.CopyButton = CopyButton;
exports.MoveDownButton = MoveDownButton;
exports.MoveUpButton = MoveUpButton;
exports.RemoveButton = RemoveButton;
exports.default = IconButton;
//# sourceMappingURL=IconButton.cjs.map