@buddhacognitivelab/theme-glassmorphic
Version:
Enhanced glassmorphic theme package with dual-mode support, advanced glass effects, interactive UI components, and gesture-based interactions
33 lines (32 loc) • 1.12 kB
TypeScript
/**
* @fileoverview Dialog component with glassmorphic styling for confirmations and alerts
*/
import React from 'react';
import { ModalProps } from '../Modal/Modal';
export interface DialogProps extends Omit<ModalProps, 'children' | 'size'> {
/** Dialog type */
type?: 'info' | 'warning' | 'error' | 'success' | 'confirm';
/** Dialog title */
title: string;
/** Dialog message/content */
message: string | React.ReactNode;
/** Primary action button text */
confirmText?: string;
/** Secondary action button text */
cancelText?: string;
/** Callback for primary action */
onConfirm?: () => void;
/** Callback for secondary action */
onCancel?: () => void;
/** Whether to show cancel button */
showCancel?: boolean;
/** Whether primary button is loading */
confirmLoading?: boolean;
/** Whether secondary button is loading */
cancelLoading?: boolean;
/** Custom icon */
icon?: React.ReactNode;
/** Whether to auto-focus confirm button */
autoFocusConfirm?: boolean;
}
export declare const Dialog: React.FC<DialogProps>;