import { FocusEvent } from "react";
import { color } from "../../color";
export type RatingShapes = "stars" | "hearts" | "thumbs-up" | "thumbs-down" | "persons";
export declare const RatingFabric: (props: {
    readonly styles: {
        readonly color: string;
        readonly scale?: number;
    };
    readonly steps: number;
    readonly shape?: RatingShapes | undefined;
    readonly disabled?: boolean | undefined;
    readonly readOnly?: boolean | undefined;
    readonly showLabels?: boolean | undefined;
    readonly ariaDescribedBy?: string | undefined;
    readonly tabIndex?: number | undefined;
    readonly value?:
        | number
        | {
              value: number;
              readonly isLocked: boolean;
              readonly isFrozen: boolean;
              readonly clear: () => void;
          }
        | undefined;
    readonly required?: boolean | undefined;
    readonly autoSubmit?: boolean | undefined;
    readonly onChange?: ((value: number) => void) | undefined;
    readonly onFocus?: ((e: FocusEvent) => void) | undefined;
    readonly onBlur?: ((e: FocusEvent) => void) | undefined;
    readonly onAutoFocus?: ((el: HTMLButtonElement | null) => void) | undefined;
    readonly onSubmit?: (() => void) | undefined;
    readonly onCancel?: (() => void) | undefined;
}) => import("react/jsx-runtime").JSX.Element;