mirror of
https://github.com/KuekHaoYang/KVideo.git
synced 2026-08-13 07:43:43 +08:00
19 lines
462 B
TypeScript
19 lines
462 B
TypeScript
/**
|
|
* Reusable modal backdrop component
|
|
*/
|
|
|
|
interface ModalBackdropProps {
|
|
isOpen: boolean;
|
|
onClose: () => void;
|
|
}
|
|
|
|
export function ModalBackdrop({ isOpen, onClose }: ModalBackdropProps) {
|
|
return (
|
|
<div
|
|
className={`fixed inset-0 z-[9998] bg-black/30 backdrop-blur-md transition-opacity duration-300 ${isOpen ? 'opacity-100' : 'opacity-0 pointer-events-none'
|
|
}`}
|
|
onClick={onClose}
|
|
/>
|
|
);
|
|
}
|