/// <reference types="react" />
import type * as Stitches from '@stitches/react';
export declare const StyledLoading: import("@stitches/react/types/styled-component").StyledComponent<"div", {
    color?: "warning" | "success" | "error" | "info" | "default" | "invert" | undefined;
}, {
    mobile: "(max-width: 640px)";
    tablet: "(min-width: 640px) and (max-width: 920px)";
    desktop: "(min-width: 920px)";
    xs: "(max-width: 640px)";
    sm: "(min-width: 640px) and (max-width: 920px)";
    md: "(min-width: 920px) and (max-width: 1280px)";
    lg: "(min-width: 1280px) and (max-width: 1920px)";
    xl: "(min-width: 1920px)";
    xsOrUp: "(max-width: 0px)";
    smOrUp: "(min-width: 640px)";
    mdOrUp: "(min-width: 920px)";
    lgOrUp: "(min-width: 1280px)";
    xlOrUp: "(min-width: 1920px)";
}, import("@stitches/react/types/css-util").CSS<{
    mobile: "(max-width: 640px)";
    tablet: "(min-width: 640px) and (max-width: 920px)";
    desktop: "(min-width: 920px)";
    xs: "(max-width: 640px)";
    sm: "(min-width: 640px) and (max-width: 920px)";
    md: "(min-width: 920px) and (max-width: 1280px)";
    lg: "(min-width: 1280px) and (max-width: 1920px)";
    xl: "(min-width: 1920px)";
    xsOrUp: "(max-width: 0px)";
    smOrUp: "(min-width: 640px)";
    mdOrUp: "(min-width: 920px)";
    lgOrUp: "(min-width: 1280px)";
    xlOrUp: "(min-width: 1920px)";
}, {
    rgb: {
        background: string;
        foreground: string;
        accents_min: string;
        accents_0: string;
        accents_1: string;
        accents_2: string;
        accents_3: string;
        accents_4: string;
        accents_5: string;
        accents_6: string;
        accents_7: string;
        accents_8: string;
        accents_9: string;
        accents_max: string;
        minors_min: string;
        minors_0: string;
        minors_1: string;
        minors_2: string;
        minors_3: string;
        minors_4: string;
        minors_5: string;
        minors_6: string;
        minors_7: string;
        minors_8: string;
        minors_9: string;
        minors_max: string;
        warning: string;
        warningLight: string;
        warningLighter: string;
        warningDark: string;
        success: string;
        successLight: string;
        successLighter: string;
        successDark: string;
        error: string;
        errorLight: string;
        errorLighter: string;
        errorDark: string;
        info: string;
        infoLight: string;
        infoLighter: string;
        infoDark: string;
        violet: string;
        yellow: string;
        tomato: string;
        green: string;
        purple: string;
        elevation_1: string;
        elevation_2: string;
        elevation_3: string;
        overlay_1: string;
        overlay_2: string;
    };
    colors: {
        background: string;
        foreground: string;
        accents_min: string;
        accents_0: string;
        accents_1: string;
        accents_2: string;
        accents_3: string;
        accents_4: string;
        accents_5: string;
        accents_6: string;
        accents_7: string;
        accents_8: string;
        accents_9: string;
        accents_max: string;
        minors_min: string;
        minors_0: string;
        minors_1: string;
        minors_2: string;
        minors_3: string;
        minors_4: string;
        minors_5: string;
        minors_6: string;
        minors_7: string;
        minors_8: string;
        minors_9: string;
        minors_max: string;
        warning: string;
        warningLight: string;
        warningLighter: string;
        warningDark: string;
        success: string;
        successLight: string;
        successLighter: string;
        successDark: string;
        error: string;
        errorLight: string;
        errorLighter: string;
        errorDark: string;
        info: string;
        infoLight: string;
        infoLighter: string;
        infoDark: string;
        violet: string;
        yellow: string;
        tomato: string;
        green: string;
        purple: string;
        elevation_1: string;
        elevation_2: string;
        elevation_3: string;
        overlay_1: string;
        overlay_2: string;
    };
    fonts: {
        sans: string;
        mono: string;
        prism: string;
    };
    space: {
        unit: string;
        gap: string;
        gapNegative: string;
        gapHalf: string;
        gapHalfNegative: string;
        gapQuarter: string;
        gapQuarterNegative: string;
    };
    radii: {
        mini: string;
        small: string;
        normal: string;
        medium: string;
        large: string;
        half: string;
        max: string;
    };
    shadows: {
        tiny: string;
        small: string;
        medium: string;
        normal: string;
        large: string;
    };
    fontSizes: {
        mini: string;
        small: string;
        base: string;
        double: string;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
export declare const StyledLoadingInner: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {
    mobile: "(max-width: 640px)";
    tablet: "(min-width: 640px) and (max-width: 920px)";
    desktop: "(min-width: 920px)";
    xs: "(max-width: 640px)";
    sm: "(min-width: 640px) and (max-width: 920px)";
    md: "(min-width: 920px) and (max-width: 1280px)";
    lg: "(min-width: 1280px) and (max-width: 1920px)";
    xl: "(min-width: 1920px)";
    xsOrUp: "(max-width: 0px)";
    smOrUp: "(min-width: 640px)";
    mdOrUp: "(min-width: 920px)";
    lgOrUp: "(min-width: 1280px)";
    xlOrUp: "(min-width: 1920px)";
}, import("@stitches/react/types/css-util").CSS<{
    mobile: "(max-width: 640px)";
    tablet: "(min-width: 640px) and (max-width: 920px)";
    desktop: "(min-width: 920px)";
    xs: "(max-width: 640px)";
    sm: "(min-width: 640px) and (max-width: 920px)";
    md: "(min-width: 920px) and (max-width: 1280px)";
    lg: "(min-width: 1280px) and (max-width: 1920px)";
    xl: "(min-width: 1920px)";
    xsOrUp: "(max-width: 0px)";
    smOrUp: "(min-width: 640px)";
    mdOrUp: "(min-width: 920px)";
    lgOrUp: "(min-width: 1280px)";
    xlOrUp: "(min-width: 1920px)";
}, {
    rgb: {
        background: string;
        foreground: string;
        accents_min: string;
        accents_0: string;
        accents_1: string;
        accents_2: string;
        accents_3: string;
        accents_4: string;
        accents_5: string;
        accents_6: string;
        accents_7: string;
        accents_8: string;
        accents_9: string;
        accents_max: string;
        minors_min: string;
        minors_0: string;
        minors_1: string;
        minors_2: string;
        minors_3: string;
        minors_4: string;
        minors_5: string;
        minors_6: string;
        minors_7: string;
        minors_8: string;
        minors_9: string;
        minors_max: string;
        warning: string;
        warningLight: string;
        warningLighter: string;
        warningDark: string;
        success: string;
        successLight: string;
        successLighter: string;
        successDark: string;
        error: string;
        errorLight: string;
        errorLighter: string;
        errorDark: string;
        info: string;
        infoLight: string;
        infoLighter: string;
        infoDark: string;
        violet: string;
        yellow: string;
        tomato: string;
        green: string;
        purple: string;
        elevation_1: string;
        elevation_2: string;
        elevation_3: string;
        overlay_1: string;
        overlay_2: string;
    };
    colors: {
        background: string;
        foreground: string;
        accents_min: string;
        accents_0: string;
        accents_1: string;
        accents_2: string;
        accents_3: string;
        accents_4: string;
        accents_5: string;
        accents_6: string;
        accents_7: string;
        accents_8: string;
        accents_9: string;
        accents_max: string;
        minors_min: string;
        minors_0: string;
        minors_1: string;
        minors_2: string;
        minors_3: string;
        minors_4: string;
        minors_5: string;
        minors_6: string;
        minors_7: string;
        minors_8: string;
        minors_9: string;
        minors_max: string;
        warning: string;
        warningLight: string;
        warningLighter: string;
        warningDark: string;
        success: string;
        successLight: string;
        successLighter: string;
        successDark: string;
        error: string;
        errorLight: string;
        errorLighter: string;
        errorDark: string;
        info: string;
        infoLight: string;
        infoLighter: string;
        infoDark: string;
        violet: string;
        yellow: string;
        tomato: string;
        green: string;
        purple: string;
        elevation_1: string;
        elevation_2: string;
        elevation_3: string;
        overlay_1: string;
        overlay_2: string;
    };
    fonts: {
        sans: string;
        mono: string;
        prism: string;
    };
    space: {
        unit: string;
        gap: string;
        gapNegative: string;
        gapHalf: string;
        gapHalfNegative: string;
        gapQuarter: string;
        gapQuarterNegative: string;
    };
    radii: {
        mini: string;
        small: string;
        normal: string;
        medium: string;
        large: string;
        half: string;
        max: string;
    };
    shadows: {
        tiny: string;
        small: string;
        medium: string;
        normal: string;
        large: string;
    };
    fontSizes: {
        mini: string;
        small: string;
        base: string;
        double: string;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
export type StyledLoadingVariants = Stitches.VariantProps<typeof StyledLoading>;
export type StyledLoadingInnerVariants = Stitches.VariantProps<typeof StyledLoadingInner>;
export declare const StyledLoadingIcon: import("@stitches/react/types/styled-component").StyledComponent<(props: import("@tabler/icons-react").TablerIconsProps) => JSX.Element, {
    size?: "small" | "medium" | "large" | "tiny" | undefined;
    icon?: boolean | "true" | "false" | undefined;
}, {
    mobile: "(max-width: 640px)";
    tablet: "(min-width: 640px) and (max-width: 920px)";
    desktop: "(min-width: 920px)";
    xs: "(max-width: 640px)";
    sm: "(min-width: 640px) and (max-width: 920px)";
    md: "(min-width: 920px) and (max-width: 1280px)";
    lg: "(min-width: 1280px) and (max-width: 1920px)";
    xl: "(min-width: 1920px)";
    xsOrUp: "(max-width: 0px)";
    smOrUp: "(min-width: 640px)";
    mdOrUp: "(min-width: 920px)";
    lgOrUp: "(min-width: 1280px)";
    xlOrUp: "(min-width: 1920px)";
}, import("@stitches/react/types/css-util").CSS<{
    mobile: "(max-width: 640px)";
    tablet: "(min-width: 640px) and (max-width: 920px)";
    desktop: "(min-width: 920px)";
    xs: "(max-width: 640px)";
    sm: "(min-width: 640px) and (max-width: 920px)";
    md: "(min-width: 920px) and (max-width: 1280px)";
    lg: "(min-width: 1280px) and (max-width: 1920px)";
    xl: "(min-width: 1920px)";
    xsOrUp: "(max-width: 0px)";
    smOrUp: "(min-width: 640px)";
    mdOrUp: "(min-width: 920px)";
    lgOrUp: "(min-width: 1280px)";
    xlOrUp: "(min-width: 1920px)";
}, {
    rgb: {
        background: string;
        foreground: string;
        accents_min: string;
        accents_0: string;
        accents_1: string;
        accents_2: string;
        accents_3: string;
        accents_4: string;
        accents_5: string;
        accents_6: string;
        accents_7: string;
        accents_8: string;
        accents_9: string;
        accents_max: string;
        minors_min: string;
        minors_0: string;
        minors_1: string;
        minors_2: string;
        minors_3: string;
        minors_4: string;
        minors_5: string;
        minors_6: string;
        minors_7: string;
        minors_8: string;
        minors_9: string;
        minors_max: string;
        warning: string;
        warningLight: string;
        warningLighter: string;
        warningDark: string;
        success: string;
        successLight: string;
        successLighter: string;
        successDark: string;
        error: string;
        errorLight: string;
        errorLighter: string;
        errorDark: string;
        info: string;
        infoLight: string;
        infoLighter: string;
        infoDark: string;
        violet: string;
        yellow: string;
        tomato: string;
        green: string;
        purple: string;
        elevation_1: string;
        elevation_2: string;
        elevation_3: string;
        overlay_1: string;
        overlay_2: string;
    };
    colors: {
        background: string;
        foreground: string;
        accents_min: string;
        accents_0: string;
        accents_1: string;
        accents_2: string;
        accents_3: string;
        accents_4: string;
        accents_5: string;
        accents_6: string;
        accents_7: string;
        accents_8: string;
        accents_9: string;
        accents_max: string;
        minors_min: string;
        minors_0: string;
        minors_1: string;
        minors_2: string;
        minors_3: string;
        minors_4: string;
        minors_5: string;
        minors_6: string;
        minors_7: string;
        minors_8: string;
        minors_9: string;
        minors_max: string;
        warning: string;
        warningLight: string;
        warningLighter: string;
        warningDark: string;
        success: string;
        successLight: string;
        successLighter: string;
        successDark: string;
        error: string;
        errorLight: string;
        errorLighter: string;
        errorDark: string;
        info: string;
        infoLight: string;
        infoLighter: string;
        infoDark: string;
        violet: string;
        yellow: string;
        tomato: string;
        green: string;
        purple: string;
        elevation_1: string;
        elevation_2: string;
        elevation_3: string;
        overlay_1: string;
        overlay_2: string;
    };
    fonts: {
        sans: string;
        mono: string;
        prism: string;
    };
    space: {
        unit: string;
        gap: string;
        gapNegative: string;
        gapHalf: string;
        gapHalfNegative: string;
        gapQuarter: string;
        gapQuarterNegative: string;
    };
    radii: {
        mini: string;
        small: string;
        normal: string;
        medium: string;
        large: string;
        half: string;
        max: string;
    };
    shadows: {
        tiny: string;
        small: string;
        medium: string;
        normal: string;
        large: string;
    };
    fontSizes: {
        mini: string;
        small: string;
        base: string;
        double: string;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;