export declare const FLOATINGACTIONBUTTON_CLASSNAME = "k-fab";
declare const states: ("active" | "focus" | "disabled" | "selected" | "hover")[];
declare const options: {
    size: ("small" | "medium" | "large")[];
    rounded: ("small" | "medium" | "full" | "large")[];
    fillMode: ("link" | "flat" | "clear" | "outline" | "solid")[];
    themeColor: ("error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
};
export type KendoFloatingActionButtonOptions = {
    size?: (typeof options.size)[number] | null;
    rounded?: (typeof options.rounded)[number] | null;
    fillMode?: (typeof options.fillMode)[number] | null;
    themeColor?: (typeof options.themeColor)[number] | null;
};
export type KendoFloatingActionButtonProps = KendoFloatingActionButtonOptions & {
    text?: string;
    icon?: string;
    type?: 'button' | 'submit' | 'reset';
    position?: null | 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
};
export type KendoFloatingActionButtonState = {
    [K in (typeof states)[number]]?: boolean;
};
export declare const FloatingActionButton: {
    (props: KendoFloatingActionButtonProps & KendoFloatingActionButtonState & React.HTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
    states: ("active" | "focus" | "disabled" | "selected" | "hover")[];
    options: {
        size: ("small" | "medium" | "large")[];
        rounded: ("small" | "medium" | "full" | "large")[];
        fillMode: ("link" | "flat" | "clear" | "outline" | "solid")[];
        themeColor: ("error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
    };
    className: string;
    defaultOptions: {
        readonly size: "medium";
        readonly rounded: "full";
        readonly fillMode: "solid";
        readonly themeColor: "primary";
        readonly type: "button";
    };
};
export default FloatingActionButton;