import React from "react";
import type { Theme as MuiTheme } from "@mui/material";
import type { ThemeVariant } from "./types";
declare type SpacingUnit = "none" | "xs" | "sm" | "base" | "md" | "lg" | "xl";
declare type SpacingArg = SpacingUnit | number | (string & {});
declare module "@emotion/react" {
    interface Theme extends MuiTheme {
    }
}
declare module "@mui/material/styles" {
    interface Spacing {
        (value: SpacingArg): string;
        (topBottom: SpacingArg, rightLeft: SpacingArg): string;
        (top: SpacingArg, rightLeft: SpacingArg, bottom: SpacingArg): string;
        (top: SpacingArg, right: SpacingArg, bottom: SpacingArg, left: SpacingArg): string;
    }
    interface Theme {
        spacing: Spacing;
        clutch: {
            useWorkflowLayout: boolean;
            spacing: Record<SpacingUnit, string>;
            layout: {
                gutter: string;
            };
        };
    }
    interface ThemeOptions {
        clutch: {
            useWorkflowLayout: boolean;
            spacing: Record<SpacingUnit, string>;
            layout: {
                gutter: string;
            };
        };
    }
}
interface ThemeProps {
    variant?: ThemeVariant;
    useWorkflowLayout?: boolean;
    children: React.ReactNode;
}
declare const ThemeProvider: ({ children, useWorkflowLayout, variant, }: ThemeProps) => JSX.Element;
export default ThemeProvider;
//# sourceMappingURL=theme.d.ts.map