/// <reference types="react" />
export declare const ethosWalletTitleText: () => import("react").CSSProperties;
export declare const secondaryHeaderText: () => import("react").CSSProperties;
export declare const secondaryText: () => import("react").CSSProperties;
export declare const signInOptionSubtitleText: () => import("react").CSSProperties;
export declare const buttonText: () => import("react").CSSProperties;
export declare const dialog: (isOpen: boolean) => import("react").CSSProperties;
export declare const backdrop: (isOpen: boolean) => import("react").CSSProperties;
export declare const highlighted: () => import("react").CSSProperties;
export declare const missingMessage: () => import("react").CSSProperties;
export declare const modalOuterWrapper: (isOpen: boolean) => import("react").CSSProperties;
export declare const modalInnerWrapper: (width: number) => React.CSSProperties;
export declare const dialogPanel: (width: number) => import("react").CSSProperties;
export declare const topPanelStyle: () => import("react").CSSProperties;
export declare const closeStyle: () => import("react").CSSProperties;
export declare const backStyle: () => import("react").CSSProperties;
export declare const backStyleText: () => import("react").CSSProperties;
export declare const headerStyle: (withIcon?: boolean) => import("react").CSSProperties;
export declare const headerLogosStyle: () => import("react").CSSProperties;
export declare const titleStyle: () => import("react").CSSProperties;
export declare const subTitleStyle: () => import("react").CSSProperties;
export declare const mainContentStyle: (width: number) => import("react").CSSProperties;
export declare const checkMarkCircleStyle: () => import("react").CSSProperties;
export declare const walletOptionsStyle: (width: number) => import("react").CSSProperties;
export declare const walletOptionStyle: (selected?: boolean) => import("react").CSSProperties;
export declare const walletOptionButtonStyle: () => import("react").CSSProperties;
export declare const socialLoginButtonsStyle: () => {
    padding: string;
    display: string;
    gap: string;
};
export declare const socialLoginButtonStyle: () => {
    cursor: string;
};
export declare const registrationStyle: (width: number) => import("react").CSSProperties;
export declare const qrCodeStyle: () => import("react").CSSProperties;
export declare const registrationHeaderStyle: () => import("react").CSSProperties;
export declare const centeredRegistrationHeaderStyle: () => import("react").CSSProperties;
export declare const subheaderStyle: () => import("react").CSSProperties;
export declare const strikeThroughOrContainer: () => import("react").CSSProperties;
export declare const line: () => import("react").CSSProperties;
export declare const emailInput: () => import("react").CSSProperties;
export declare const signInButton: (width: number) => import("react").CSSProperties;
export declare const walletOptionContainer: (width: number) => import("react").CSSProperties;
export declare const iconButton: (width: number, disabled?: boolean, primary?: boolean, noIcon?: boolean) => import("react").CSSProperties;
export declare const submitButtonContainer: () => import("react").CSSProperties;
export declare const learnMoreButton: (width: number) => import("react").CSSProperties;
export declare const loaderStyle: () => import("react").CSSProperties;
export declare const connectorWarning: () => import("react").CSSProperties;
export declare const browserExtensionSection: () => import("react").CSSProperties;
export declare const browserExtensionLink: () => import("react").CSSProperties;
export declare const walletInstallExplanation: () => import("react").CSSProperties;
export declare const walletExplanation: () => import("react").CSSProperties;