import * as React from 'react';
import React__default, { CSSProperties, ReactNode, JSX } from 'react';
import { RgbColor, HslColor, HsvColor, RgbaColor, HslaColor, HsvaColor } from '@noya-app/noya-color';
import { Sketch } from '@noya-app/noya-file-format';

declare const _default$5: React__default.NamedExoticComponent<object>;

type ObjectColor = RgbColor | HslColor | HsvColor | RgbaColor | HslaColor | HsvaColor;
type AnyColor = string | ObjectColor;
interface ColorModel<T extends AnyColor> {
    defaultColor: T;
    toHsva: (defaultColor: T) => HsvaColor;
    fromHsva: (hsva: HsvaColor) => T;
    equal: (first: T, second: T) => boolean;
}
interface ColorPickerBaseProps<T extends AnyColor> {
    className: string;
    color: T;
    onChange: (newColor: T) => void;
    style?: CSSProperties;
}
interface GradientPickerBaseProps<T extends AnyColor> {
    color: T;
    onChangeColor: (newColor: T) => void;
    onChangePosition: (position: number) => void;
}

interface Props$3<T extends AnyColor> extends Partial<ColorPickerBaseProps<T>> {
    colorModel: ColorModel<T>;
    children?: ReactNode;
}
declare function ColorPicker<T extends AnyColor>({ colorModel, color, onChange, children, style, className, }: Props$3<T>): JSX.Element;

declare function EyeDropper(props: React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>): React__default.JSX.Element;

type GradientStop = {
    color: HsvaColor;
    position: number;
};
declare const _default$4: React__default.NamedExoticComponent<{
    stops: GradientStop[];
    selectedStopIndex: number;
    onSelectStop: (index: number) => void;
    onChange: (stops: GradientStop[]) => void;
    children: React__default.ReactNode;
    style?: React__default.CSSProperties;
    className?: string;
}>;

interface ComponentProps {
    color: string;
    onChange: (newColor: string) => void;
}
type InputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value">;
declare const _default$3: React__default.NamedExoticComponent<Partial<InputProps & ComponentProps>>;

declare const _default$2: React__default.NamedExoticComponent<object>;

interface Props$2 extends React__default.HTMLAttributes<HTMLDivElement> {
    top?: number;
    left: number;
    index?: number;
    selected?: boolean;
    onClick?: () => void;
    color?: string;
}
declare const _default$1: React__default.NamedExoticComponent<Props$2>;

declare const _default: React__default.NamedExoticComponent<object>;

interface Interaction {
    left: number;
    top: number;
}
interface Props$1 {
    onMove: (interaction: Interaction) => void;
    onKey: (offset: Interaction) => void;
    onClick?: (interaction: Interaction) => void;
    onDelete?: () => void;
    onClickPointer?: (index: number) => void;
    children: React__default.ReactNode;
    style?: React__default.CSSProperties;
    className?: string;
}
declare const Interactive: React__default.MemoExoticComponent<({ onMove, onKey, onClick, onDelete, onClickPointer, ...rest }: Props$1) => React__default.JSX.Element>;

interface Props {
    value: Sketch.Color;
    onChange: (color: Sketch.Color) => void;
}
declare const SketchColorPicker: React.NamedExoticComponent<Props>;

declare const equalColorObjects: (first: ObjectColor, second: ObjectColor) => boolean;
declare const equalColorString: (first: string, second: string) => boolean;
declare const equalHex: (first: string, second: string) => boolean;

interface GradientStopRgba {
    color: RgbaColor;
    position: number;
}
declare function interpolateRgba(stops: GradientStopRgba[], pos: number): RgbaColor;

declare function getGradientBackground(value: GradientStop[], type: Sketch.GradientType, direction?: number): string;

declare function sketchColorToRgba(value: Sketch.Color): RgbaColor;
declare function sketchColorToRgbaString(value: Sketch.Color): string;
declare function rgbaToSketchColor(value: RgbaColor): Sketch.Color;
declare function sketchColorToHex(value: Sketch.Color): string;

declare const validHex: (color: string) => boolean;

export { _default$5 as Alpha, type AnyColor, type ColorModel, ColorPicker, type ColorPickerBaseProps, EyeDropper, _default$4 as Gradient, type GradientPickerBaseProps, type GradientStop, type GradientStopRgba, _default$3 as HexColorInput, _default$2 as Hue, type Interaction, Interactive, type ObjectColor, _default$1 as Pointer, _default as Saturation, SketchColorPicker, equalColorObjects, equalColorString, equalHex, getGradientBackground, interpolateRgba, rgbaToSketchColor, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, validHex };