import { FocusEvent, ReactNode } from "react";
import { TSerializeTypes } from "@tripetto/runner";
export interface IScaleNumeric {
    readonly from: number;
    readonly to: number;
    readonly stepSize?: number;
}
export interface IScaleOption {
    readonly id: string;
    readonly name: string;
    readonly value?: string;
}
export declare const ScaleFabric: (props: {
    readonly styles: {
        readonly color: string;
        readonly outlineSize?: number;
        readonly roundness?: number;
        readonly scale?: number;
        readonly margin?: number;
        readonly labelColor?: string;
    };
    readonly options: IScaleNumeric | IScaleOption[];
    readonly labelLeft?: ReactNode;
    readonly labelCenter?: ReactNode;
    readonly labelRight?: ReactNode;
    readonly disabled?: boolean | undefined;
    readonly readOnly?: boolean | undefined;
    readonly ariaDescribedBy?: string | undefined;
    readonly tabIndex?: number | undefined;
    readonly justify?: boolean | undefined;
    readonly value?:
        | string
        | number
        | {
              pristine: TSerializeTypes;
              reference?: string | undefined;
              readonly isLocked: boolean;
              readonly isFrozen: boolean;
              readonly set: (value: TSerializeTypes, reference?: string, display?: string) => void;
              readonly clear: () => void;
          }
        | undefined;
    readonly required?: boolean | undefined;
    readonly autoSubmit?: boolean | undefined;
    readonly view?: "live" | "test" | "preview" | undefined;
    readonly onChange?: ((value: number | string | undefined) => 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;