import { Button, Icon } from "@contember/ui";
import { useCallback } from "react";
import { jsxDEV } from "react/jsx-dev-runtime";
var _jsxFileName = "/__w/interface/interface/packages/admin/src/components/bindingFacade/buttons/ClearFieldButton/ClearFieldButtonInner.tsx";
const ClearFieldButtonInner = (props) => {
  const {
    field,
    isMutating,
    ...buttonProps
  } = props;
  const onClick = useCallback(() => {
    field.updateValue(null);
  }, [field]);
  return /* @__PURE__ */ jsxDEV(Button, {
    onClick,
    disabled: isMutating,
    size: "small",
    flow: "squarish",
    distinction: "seamless",
    ...buttonProps,
    children: /* @__PURE__ */ jsxDEV(Icon, {
      blueprintIcon: "cross"
    }, void 0, false, {
      fileName: _jsxFileName,
      lineNumber: 29,
      columnNumber: 4
    }, void 0)
  }, void 0, false, {
    fileName: _jsxFileName,
    lineNumber: 21,
    columnNumber: 3
  }, void 0);
};
export {
  ClearFieldButtonInner
};
//# sourceMappingURL=ClearFieldButtonInner.js.map
