import React from 'react';
import { type FlexAllProps, type DefaultComponentType } from 'reflexy/styled';
export type SpinnerPosition = 'top' | 'right' | 'left' | 'bottom' | 'center';
export type SpinnerSize = 'auto' | 'xs' | 's' | 'm' | 'l' | 'xl';
export interface LoadableStyleProps {
    readonly loading?: boolean | undefined;
    readonly disableOnLoading?: boolean | undefined;
    readonly backdrop?: boolean | undefined;
    readonly blur?: boolean | number | undefined;
    readonly spinnerSize?: SpinnerSize | undefined;
    readonly spinnerPosition?: SpinnerPosition | undefined;
    readonly spinnerClassName?: string | undefined;
    readonly animation?: boolean | undefined;
}
export type LoadableFlexProps<C extends React.ElementType = DefaultComponentType> = FlexAllProps<C> & LoadableStyleProps & {
    readonly spinner?: boolean | React.ReactElement | undefined;
};
export default function LoadableFlex<C extends React.ElementType = DefaultComponentType>({ loading, disableOnLoading, spinner, spinnerPosition, spinnerSize, spinnerClassName, backdrop, blur, animation, children, component, ...rest }: React.PropsWithChildren<LoadableFlexProps<C>>): React.JSX.Element;