rn-custom-alert-prompt/dist/types/Alert/hooks/useTheme.d.ts

ReactNative Alert & Prompt with no dependencies

import { Appearances, PersonalTheme, ValidPlatforms } from '../types/alertTypes';
type Props = {
    theme?: ValidPlatforms;
    appearance?: Appearances;
    personalTheme?: PersonalTheme;
    buttons?: number;
    icon?: boolean;
};
export declare const useTheme: ({ appearance, buttons, personalTheme, theme, icon, }: Props) => {
    styles: {
        button: {
            backgroundColor: string;
            borderLeftColor: string;
            borderTopColor: string;
            borderTopWidth: number;
            paddingVertical: number;
        };
        buttonsContainer: {
            flexDirection: "row" | undefined;
            marginTop: number;
        };
        description: {
            color: string;
            marginTop: number;
            paddingLeft: "15%";
            paddingRight: "15%" | "12%";
            textAlign: "center";
        };
        flex: {
            flex: number;
        };
        label: {
            color: string;
            fontWeight: "700";
            marginTop: number;
            paddingHorizontal: number;
        };
        modalContainer: {
            alignItems: "center";
            flex: number;
            justifyContent: "center";
        };
        modalView: {
            backgroundColor: string;
            borderRadius: number;
            paddingTop: number;
            width: "90%";
        };
        textInput: {
            backgroundColor: string;
            borderColor: string;
            borderRadius: number;
            borderWidth: number;
            color: string;
            marginHorizontal: "5%";
            marginTop: number;
            padding: number;
        };
        title: {
            color: string;
            fontSize: number;
            fontWeight: "600";
            textAlign: "center";
        };
    } | {
        button: {
            backgroundColor: string;
            paddingVertical: number;
        };
        buttonsContainer: {
            flexDirection: "row";
            gap: number;
            justifyContent: "flex-end";
            marginTop: number;
            paddingHorizontal: number;
        };
        description: {
            color: string;
            marginBottom: number;
            marginTop: number;
            paddingLeft: number;
            paddingRight: number;
        };
        flex: {
            flex: number;
        };
        label: {
            color: string;
            fontWeight: "700";
            marginTop: number;
            paddingHorizontal: number;
        };
        modalContainer: {
            alignItems: "center";
            flex: number;
            justifyContent: "center";
        };
        modalView: {
            backgroundColor: string;
            borderRadius: number;
            paddingTop: number;
            width: "90%";
        };
        textInput: {
            backgroundColor: string;
            borderBottomColor: string;
            borderBottomWidth: number;
            borderRadius: number;
            color: string;
            marginHorizontal: "5%";
            padding: number;
        };
        title: {
            color: string;
            fontSize: number;
            fontWeight: "600";
            marginHorizontal: number;
        };
    };
    ios: boolean;
    textButtonColor: string;
    cancelWeight: "500" | "700";
};
export {};