import { jsxDEV } from "react/jsx-dev-runtime";
import { Button, Icon } from "@contember/ui";
import { useCallback } from "react";
const ClearFieldButtonInner = (props) => {
  const { field, isMutating, ...buttonProps } = props;
  const onClick = useCallback(() => {
    field.updateValue(null);
  }, [field]);
  return /* @__PURE__ */ jsxDEV(
    Button,
    {
      square: true,
      onClick,
      disabled: isMutating,
      size: "small",
      distinction: "seamless",
      ...buttonProps,
      children: /* @__PURE__ */ jsxDEV(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
  );
};
export {
  ClearFieldButtonInner
};
//# sourceMappingURL=ClearFieldButtonInner.js.map
