"use client";
'use strict';

var jsxRuntime = require('react/jsx-runtime');
var index = require('../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.cjs');
var inputField = require('../input-field/input-field.cjs');
var colorPickerRoot = require('./color-picker-root.cjs');
var utils = require('./utils.cjs');

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

exports.ColorPickerInput = ColorPickerInput;
//# sourceMappingURL=color-picker-input.cjs.map
