2023-12-05 01:22:44 +03:00
|
|
|
interface OverlayProps {
|
2023-12-08 00:33:47 +03:00
|
|
|
id?: string
|
2023-12-05 01:22:44 +03:00
|
|
|
children: React.ReactNode
|
|
|
|
position?: string
|
|
|
|
className?: string
|
|
|
|
layer?: string
|
|
|
|
}
|
|
|
|
|
|
|
|
function Overlay({
|
2023-12-08 00:33:47 +03:00
|
|
|
id, children, className,
|
2023-12-05 01:22:44 +03:00
|
|
|
position='top-0 right-0',
|
|
|
|
layer='z-pop'
|
|
|
|
}: OverlayProps) {
|
|
|
|
return (
|
|
|
|
<div className='relative'>
|
2023-12-08 00:33:47 +03:00
|
|
|
<div id={id} className={`absolute ${className} ${position} ${layer}`}>
|
2023-12-05 01:22:44 +03:00
|
|
|
{children}
|
|
|
|
</div>
|
|
|
|
</div>);
|
|
|
|
}
|
|
|
|
|
2023-12-15 17:34:50 +03:00
|
|
|
export default Overlay;
|