import { Appearance as StripeAppearance, StripeElementsOptions } from "@stripe/stripe-js";
export type Themes = "dark" | "light";
export type Fonts = StripeElementsOptions["fonts"];
export type AppearanceConfig = {
    theme?: Themes;
    borderRadius?: number;
    font?: string;
    colors?: {
        background?: string;
        foreground?: string;
        primary?: string;
        primaryForeground?: string;
        secondary?: string;
        secondaryForeground?: string;
        muted?: string;
        mutedForeground?: string;
        accent?: string;
        accentForeground?: string;
        destructive?: string;
        border?: string;
        ring?: string;
    };
};
export default function Appearance({ appearance, fonts, iframeRef, }: {
    appearance?: AppearanceConfig;
    fonts?: Fonts;
    iframeRef?: React.RefObject<HTMLIFrameElement>;
}): null;
export declare const convertCheckoutAppearanceToStripeAppearance: (appearance?: AppearanceConfig, fonts?: Fonts) => StripeAppearance;