"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxDevRuntime = require("react/jsx-dev-runtime");
const ui = require("@contember/ui");
const react = require("react");
const ClearFieldButtonInner = (props) => {
  const { field, isMutating, ...buttonProps } = props;
  const onClick = react.useCallback(() => {
    field.updateValue(null);
  }, [field]);
  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
    ui.Button,
    {
      square: true,
      onClick,
      disabled: isMutating,
      size: "small",
      distinction: "seamless",
      ...buttonProps,
      children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(ui.Icon, { blueprintIcon: "cross" }, void 0, false, {
        fileName: "/__w/interface/interface/packages/admin/src/components/bindingFacade/buttons/ClearFieldButton/ClearFieldButtonInner.tsx",
        lineNumber: 32,
        columnNumber: 4
      }, void 0)
    },
    void 0,
    false,
    {
      fileName: "/__w/interface/interface/packages/admin/src/components/bindingFacade/buttons/ClearFieldButton/ClearFieldButtonInner.tsx",
      lineNumber: 24,
      columnNumber: 3
    },
    void 0
  );
};
exports.ClearFieldButtonInner = ClearFieldButtonInner;
//# sourceMappingURL=ClearFieldButtonInner.cjs.map
