"use client";
import { jsx } from 'react/jsx-runtime';
import Color from '../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.js';
import { InputField } from '../input-field/input-field.js';
import { useColorPicker } from './color-picker-root.js';
import { getColorString } from './utils.js';

const ColorPickerInput = (props) => {
    const { hue, saturation, lightness, alpha, mode } = useColorPicker();
    const color = Color.hsl(hue, saturation, lightness, alpha ?? 1);
    return jsx(InputField, { value: getColorString(color, mode), readOnly: true, ...props });
};

export { ColorPickerInput };
//# sourceMappingURL=color-picker-input.js.map
