import React from "react"; import { ChromePickerProps } from "react-color"; export type ColorPickerProps = React.HTMLAttributes & { open?: boolean; onOpenChange?: (to: boolean) => void; value?: string; onValueChange?: (value: string) => void; pickerProps?: ChromePickerProps; buttonProps?: React.ButtonHTMLAttributes; pickerOpenSide?: "left" | "right"; disableOutsideClose?: boolean; }; export default function ColorPicker({ open, onOpenChange, value, onValueChange, pickerProps, buttonProps, disableOutsideClose, pickerOpenSide, ...props }: ColorPickerProps): React.JSX.Element;