@particle-network/connectkit/dist/types/styles/index.d.ts

/// <reference types="react" />
import type { Appearance } from '../context/types';
import type { CustomTheme } from '../types';
export declare const getWalletOption: (appearance?: Appearance) => {
    themeType: "dark" | "light";
    customStyle: {
        [x: string]: any;
    };
    language: import("../locales").Languages | undefined;
};
export declare const getAuthCoreTheme: (appearance?: Appearance) => {
    primaryBtnColor: any;
    primaryBtnBackgroundColor: any;
    textColor: any;
    secondaryTextColor: any;
    themeBackgroundColor: any;
    iconBorderColor: any;
    accentColor: any;
    inputBackgroundColor: any;
    inputBorderColor: any;
    inputPlaceholderColor: any;
    cardBorderColor: any;
    cardUnclickableBackgroundColor: any;
    cardUnclickableBorderColor: any;
    cardDividerColor: any;
    tagBackgroundColor: any;
    modalBackgroundColor: any;
    tipsBackgroundColor: any;
    primaryBtnBorderRadius: any;
    cardBorderRadius: any;
    modalBorderRadius: any;
};
/**
 * Theme variables for the modal
 */
export declare const themeGlobals: {
    default: {
        '--pcm-font-family': string;
        '--pcm-overlay-backdrop-filter': string;
        '--pcm-rounded-sm': string;
        '--pcm-rounded-md': string;
        '--pcm-rounded-lg': string;
        '--pcm-rounded-xl': string;
        '--pcm-rounded-full': string;
        '--pcm-error-color': string;
        '--pcm-error-background': string;
        '--pcm-success-color': string;
        '--pcm-success-background': string;
        '--pcm-warning-color': string;
        '--pcm-warning-background': string;
        '--pcm-wallet-lable-color': string;
        '--pcm-wallet-lable-background': string;
    };
};
export declare const ThemeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, {
    $useMode?: string | undefined;
    $useTheme?: CustomTheme | undefined;
}>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;