@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
TypeScript
/**
* @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>;