@betterstore/react
Version:
E-commerce for Developers
30 lines (29 loc) • 1.01 kB
TypeScript
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;