import { jsxDEV } from "react/jsx-dev-runtime";
import { ColorInput } from "@contember/ui";
import { useFieldControl } from "./useFieldControl.js";
import { SimpleRelativeSingleField } from "../auxiliary/SimpleRelativeSingleField/SimpleRelativeSingleField.js";
const parse = (value) => value ?? null;
const format = (value) => value ?? null;
const ColorField = SimpleRelativeSingleField(
  (fieldMetadata, props) => {
    const inputProps = useFieldControl({
      ...props,
      fieldMetadata,
      parse,
      format
    });
    return /* @__PURE__ */ jsxDEV(ColorInput, { ...inputProps }, void 0, false, {
      fileName: "/__w/interface/interface/packages/admin/src/components/bindingFacade/fields/ColorField.tsx",
      lineNumber: 27,
      columnNumber: 10
    }, globalThis);
  },
  "ColorField"
);
export {
  ColorField
};
//# sourceMappingURL=ColorField.js.map
