@enclavemoney/enclave-wallet-sdk/dist/components/ui/CustomToast.d.ts

A simple enclave wallet SDK for React applications

import { ExternalToast } from "sonner";
interface CustomToastOptions extends ExternalToast {
}
interface SuccessToastOptions extends CustomToastOptions {
    action?: {
        label: string;
        onClick: () => void;
    };
}
export declare const customToast: {
    processing: (title: string, options?: CustomToastOptions) => string | number;
    success: (title: string, options?: SuccessToastOptions) => string | number;
    error: (title: string, options?: CustomToastOptions) => string | number;
    dismiss: (toastId?: string | number) => string | number;
};
export declare const toastStyles = "\n  .toast-content {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px;\n    border-radius: 50px;\n    background: white;\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12), 0 4px 10px rgba(0, 0, 0, 0.08);\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    min-height: 48px;\n    width: fit-content;\n    max-width: 420px;\n    font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;\n  }\n\n  .toast-text {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .toast-title {\n    font-size: 15px;\n    font-weight: 500;\n    color: #1f2937;\n    line-height: 1.4;\n  }\n\n  .toast-action {\n    background: #3b82f6;\n    color: white;\n    border: none;\n    border-radius: 20px;\n    padding: 8px 16px;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.2s ease;\n    flex-shrink: 0;\n  }\n\n  .toast-action:hover {\n    background: #2563eb;\n  }\n\n  /* Dark theme support */\n  .dark .toast-content {\n    background: #1f2937;\n    border-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .dark .toast-title {\n    color: #f9fafb;\n  }\n";
export {};