UNPKG

@buddhacognitivelab/theme-glassmorphic

Version:

Enhanced glassmorphic theme package with dual-mode support, advanced glass effects, interactive UI components, and gesture-based interactions

39 lines (38 loc) 1.22 kB
/** * @fileoverview Modal component with glassmorphic styling */ import React from 'react'; import type { GlassIntensity } from '../../types/theme'; export interface ModalProps { /** Whether the modal is open */ isOpen: boolean; /** Callback when modal should close */ onClose: () => void; /** Modal content */ children: React.ReactNode; /** Modal title */ title?: string; /** Modal size */ size?: 'small' | 'medium' | 'large' | 'fullscreen'; /** Glass effect intensity */ glassIntensity?: GlassIntensity; /** Whether clicking backdrop closes modal */ closeOnBackdropClick?: boolean; /** Whether pressing escape closes modal */ closeOnEscape?: boolean; /** Whether to show close button */ showCloseButton?: boolean; /** Custom close button */ closeButton?: React.ReactNode; /** Additional CSS class */ className?: string; /** Custom z-index */ zIndex?: number; /** Disable body scroll when open */ disableBodyScroll?: boolean; /** Custom backdrop opacity */ backdropOpacity?: number; /** Animation duration in ms */ animationDuration?: number; } export declare const Modal: React.FC<ModalProps>;