"use client";
// Adapted from Adobe React Spectrum starters (Apache-2.0).
// Modified: owned composition, local runtime, scoped CSS and customization.
// See THIRD_PARTY_NOTICES.md.
import {
  ColorField as AriaColorField,
  type ColorFieldProps as AriaProps,
  Input,
  Label,
  Text,
  FieldError,
  type ValidationResult,
  composeRenderProps,
} from "./react-aria-runtime.js";
export interface ColorFieldProps extends Omit<AriaProps, "children"> {
  label: string;
  description?: string;
  errorMessage?: string | ((validation: ValidationResult) => string);
  placeholder?: string;
}
export function ColorField({
  label,
  description,
  errorMessage,
  placeholder,
  className,
  ...props
}: ColorFieldProps) {
  return (
    <AriaColorField
      {...props}
      className={composeRenderProps(
        className,
        (value) => `ynr-color-field ynr-aria ${value ?? ""}`,
      )}
    >
      <Label className="ynr-aria-label">{label}</Label>
      <Input className="ynr-aria-input" placeholder={placeholder} />
      {description && (
        <Text slot="description" className="ynr-aria-description">
          {description}
        </Text>
      )}
      <FieldError className="ynr-aria-error">{errorMessage}</FieldError>
    </AriaColorField>
  );
}