import React from "react";
export * from "@artsy/palette-tokens/dist/themes/v3";
export { TextVariant } from "@artsy/palette-tokens/dist/typography/v3";
interface ThemeProps {
    children?: React.ReactNode;
    theme?: "light" | "dark";
}
/**
 * A wrapper component for passing down the Artsy theme context
 */
export declare const Theme: React.FC<React.PropsWithChildren<ThemeProps>>;
/** Returns the current theme */
export declare const useTheme: <T extends {
    id: string;
    name: string;
    breakpoints: string[] & {
        lg: string;
        md: string;
        sm: string;
        xs: string;
    };
    colors: {
        black100: string;
        black60: string;
        black30: string;
        black15: string;
        black10: string;
        black5: string;
        white100: string;
        blue200: string;
        blue150: string;
        blue100: string;
        brand: string;
        blue15: string;
        blue10: string;
        green150: string;
        green100: string;
        green10: string;
        yellow150: string;
        yellow100: string;
        yellow10: string;
        orange150: string;
        orange100: string;
        orange10: string;
        red150: string;
        red100: string;
        red50: string;
        red10: string;
    };
    effects: {
        dropShadow: string;
        innerShadow: string;
        flatShadow: string;
        textShadow: string;
        overlayGradient: string;
        fadeRight: string;
        backdrop: string;
    };
    fonts: {
        sans: string;
    };
    mediaQueries: {
        lg: string;
        md: string;
        sm: string;
        xs: string;
        hover: string;
    };
    grid: {
        breakpoints: {};
    };
    space: {
        0.5: string;
        1: string;
        2: string;
        4: string;
        6: string;
        12: string;
    };
    textVariants: Record<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", import("@artsy/palette-tokens/dist/typography/v3").TextTreatment>;
}>() => {
    theme: T;
};