export type DialogSize = "small" | "medium" | "large" | "fullscreen";
export declare const backdropStyle: string;
export declare const modalStyle: string;
export declare const dialogRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
    size: {
        fullscreen: {
            height: "100dvh";
            width: "100dvw";
            paddingBottom: string;
        };
        large: {
            maxHeight: "848px";
            width: "800px";
            maxWidth: "95vw";
            paddingBottom: string;
        };
        medium: {
            maxHeight: "656px";
            width: "496px";
            maxWidth: "95vw";
            paddingBottom: string;
        };
        small: {
            maxHeight: "480px";
            width: "304px";
            maxWidth: "95vw";
            paddingBottom: string;
        };
    };
}>;
export declare const headerRowRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
    size: {
        fullscreen: string[];
        large: string[];
        medium: string[];
        small: string[];
    };
    hasScroll: {
        true: {
            borderBottom: `solid var(--${string}) var(--${string})` | `solid var(--${string}) var(--${string}, ${string})` | `solid var(--${string}) var(--${string}, ${number})` | `solid var(--${string}, ${string}) var(--${string})` | `solid var(--${string}, ${string}) var(--${string}, ${string})` | `solid var(--${string}, ${string}) var(--${string}, ${number})` | `solid var(--${string}, ${number}) var(--${string})` | `solid var(--${string}, ${number}) var(--${string}, ${string})` | `solid var(--${string}, ${number}) var(--${string}, ${number})`;
        };
        false: {};
    };
}>;
export declare const contentContainerRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
    size: {
        fullscreen: {
            padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
        };
        large: {
            padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
        };
        medium: {
            padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
        };
        small: {
            padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
        };
    };
    hasScroll: {
        true: {};
        false: {};
    };
}>;
export declare const actionRowRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
    size: {
        fullscreen: string[];
        large: string[];
        medium: string[];
        small: string[];
    };
    hasScroll: {
        true: {
            borderTop: `solid var(--${string}) var(--${string})` | `solid var(--${string}) var(--${string}, ${string})` | `solid var(--${string}) var(--${string}, ${number})` | `solid var(--${string}, ${string}) var(--${string})` | `solid var(--${string}, ${string}) var(--${string}, ${string})` | `solid var(--${string}, ${string}) var(--${string}, ${number})` | `solid var(--${string}, ${number}) var(--${string})` | `solid var(--${string}, ${number}) var(--${string}, ${string})` | `solid var(--${string}, ${number}) var(--${string}, ${number})`;
        };
        false: {};
    };
}>;
//# sourceMappingURL=modal.css.d.ts.map