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