import { useCallback, createElement } from "react";
import { Button, Icon } from "@contember/ui";
const ClearFieldButtonInner = (props) => {
  const { field, isMutating, ...buttonProps } = props;
  const onClick = useCallback(() => {
    field.updateValue(null);
  }, [field]);
  return /* @__PURE__ */ createElement(Button, {
    onClick,
    disabled: isMutating,
    size: "small",
    flow: "squarish",
    distinction: "seamless",
    ...buttonProps
  }, /* @__PURE__ */ createElement(Icon, {
    blueprintIcon: "cross"
  }));
};
export { ClearFieldButtonInner };
//# sourceMappingURL=ClearFieldButtonInner.js.map
