/// <reference types="react" />
export declare const styled: <Type extends keyof JSX.IntrinsicElements | import("react").ComponentType<any> | import("@stitches/react/types/util").Function, Composers extends (string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function | {
    [name: string]: unknown;
})[], CSS = import("@stitches/react/types/css-util").CSS<{
    mobile: "(max-width: 992px)";
}, {
    colors: {
        white: string;
        coral: string;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {
    marginX: (value: string) => {
        marginLeft: string;
        marginRight: string;
    };
    marginY: (value: string) => {
        marginTop: string;
        marginBottom: string;
    };
    paddingX: (value: string) => {
        paddingLeft: string;
        paddingRight: string;
    };
    paddingY: (value: string) => {
        paddingTop: string;
        paddingBottom: string;
    };
    boxSizingForAllChildren: (value: string) => {
        '*': {
            boxSizing: string;
        };
    };
}>>(type: Type, ...composers: { [K in keyof Composers]: Composers[K] extends string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
    variants?: {
        [x: string]: {
            [x: string]: CSS;
            [x: number]: CSS;
        };
    } | undefined;
    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("@stitches/react/types/util").WideObject) & {
        css: CSS;
    })[] | undefined;
    defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
} & CSS & { [K2 in keyof Composers[K]]: K2 extends "variants" | "compoundVariants" | "defaultVariants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
    mobile: "(max-width: 992px)";
}, import("@stitches/react/types/css-util").CSS<{
    mobile: "(max-width: 992px)";
}, {
    colors: {
        white: string;
        coral: string;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {
    marginX: (value: string) => {
        marginLeft: string;
        marginRight: string;
    };
    marginY: (value: string) => {
        marginTop: string;
        marginBottom: string;
    };
    paddingX: (value: string) => {
        paddingLeft: string;
        paddingRight: string;
    };
    paddingY: (value: string) => {
        paddingTop: string;
        paddingBottom: string;
    };
    boxSizingForAllChildren: (value: string) => {
        '*': {
            boxSizing: string;
        };
    };
}>>, css: <Composers extends (string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("@stitches/react/types/util").Function | {
    [name: string]: unknown;
})[], CSS = import("@stitches/react/types/css-util").CSS<{
    mobile: "(max-width: 992px)";
}, {
    colors: {
        white: string;
        coral: string;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {
    marginX: (value: string) => {
        marginLeft: string;
        marginRight: string;
    };
    marginY: (value: string) => {
        marginTop: string;
        marginBottom: string;
    };
    paddingX: (value: string) => {
        paddingLeft: string;
        paddingRight: string;
    };
    paddingY: (value: string) => {
        paddingTop: string;
        paddingBottom: string;
    };
    boxSizingForAllChildren: (value: string) => {
        '*': {
            boxSizing: string;
        };
    };
}>>(...composers: { [K in keyof Composers]: Composers[K] extends string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("@stitches/react/types/util").Function ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
    variants?: {
        [x: string]: {
            [x: string]: CSS;
            [x: number]: CSS;
        };
    } | undefined;
    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("@stitches/react/types/util").WideObject) & {
        css: CSS;
    })[] | undefined;
    defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
} & CSS & { [K2 in keyof Composers[K]]: K2 extends "variants" | "compoundVariants" | "defaultVariants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
    mobile: "(max-width: 992px)";
}, CSS>, globalCss: <Styles extends {
    [K: string]: any;
}>(...styles: ({
    '@import'?: unknown;
    '@font-face'?: unknown;
} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("@stitches/react/types/css").AtRule.FontFace | import("@stitches/react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
    [x: string]: import("@stitches/react/types/css-util").CSS<{
        mobile: "(max-width: 992px)";
    }, {
        colors: {
            white: string;
            coral: string;
        };
    }, import("@stitches/react/types/config").DefaultThemeMap, {
        marginX: (value: string) => {
            marginLeft: string;
            marginRight: string;
        };
        marginY: (value: string) => {
            marginTop: string;
            marginBottom: string;
        };
        paddingX: (value: string) => {
            paddingLeft: string;
            paddingRight: string;
        };
        paddingY: (value: string) => {
            paddingTop: string;
            paddingBottom: string;
        };
        boxSizingForAllChildren: (value: string) => {
            '*': {
                boxSizing: string;
            };
        };
    }>;
} : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{
    mobile: "(max-width: 992px)";
}, {
    colors: {
        white: string;
        coral: string;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {
    marginX: (value: string) => {
        marginLeft: string;
        marginRight: string;
    };
    marginY: (value: string) => {
        marginTop: string;
        marginBottom: string;
    };
    paddingX: (value: string) => {
        paddingLeft: string;
        paddingRight: string;
    };
    paddingY: (value: string) => {
        paddingTop: string;
        paddingBottom: string;
    };
    boxSizingForAllChildren: (value: string) => {
        '*': {
            boxSizing: string;
        };
    };
}>; })[]) => () => string, keyframes: (style: {
    [offset: string]: import("@stitches/react/types/css-util").CSS<{
        mobile: "(max-width: 992px)";
    }, {
        colors: {
            white: string;
            coral: string;
        };
    }, import("@stitches/react/types/config").DefaultThemeMap, {
        marginX: (value: string) => {
            marginLeft: string;
            marginRight: string;
        };
        marginY: (value: string) => {
            marginTop: string;
            marginBottom: string;
        };
        paddingX: (value: string) => {
            paddingLeft: string;
            paddingRight: string;
        };
        paddingY: (value: string) => {
            paddingTop: string;
            paddingBottom: string;
        };
        boxSizingForAllChildren: (value: string) => {
            '*': {
                boxSizing: string;
            };
        };
    }>;
}) => {
    (): string;
    name: string;
}, getCssText: () => string, theme: string & {
    className: string;
    selector: string;
} & {
    colors: {
        white: import("@stitches/react/types/theme").Token<"white", string, "colors", "">;
        coral: import("@stitches/react/types/theme").Token<"coral", string, "colors", "">;
    };
}, createTheme: <Argument0 extends string | ({
    colors?: {
        white?: string | number | boolean | undefined;
        coral?: string | number | boolean | undefined;
    } | undefined;
} & {
    [x: string]: {
        [x: string]: string | number | boolean;
        [x: number]: string | number | boolean;
    };
}), Argument1 extends string | ({
    colors?: {
        white?: string | number | boolean | undefined;
        coral?: string | number | boolean | undefined;
    } | undefined;
} & {
    [x: string]: {
        [x: string]: string | number | boolean;
        [x: number]: string | number | boolean;
    };
})>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
    className: string;
    selector: string;
} & (Argument0 extends string ? import("@stitches/react/types/stitches").ThemeTokens<Argument1, ""> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, "">), config: {
    prefix: "";
    media: {
        mobile: "(max-width: 992px)";
    };
    theme: {
        colors: {
            white: string;
            coral: string;
        };
    };
    themeMap: import("@stitches/react/types/config").DefaultThemeMap;
    utils: {
        marginX: (value: string) => {
            marginLeft: string;
            marginRight: string;
        };
        marginY: (value: string) => {
            marginTop: string;
            marginBottom: string;
        };
        paddingX: (value: string) => {
            paddingLeft: string;
            paddingRight: string;
        };
        paddingY: (value: string) => {
            paddingTop: string;
            paddingBottom: string;
        };
        boxSizingForAllChildren: (value: string) => {
            '*': {
                boxSizing: string;
            };
        };
    };
};
