You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
531 B
23 lines
531 B
import React from 'react';
|
|
import { ToastContainerProps } from 'react-toast-notifications';
|
|
|
|
const ToastContainer: React.FC<ToastContainerProps> = ({
|
|
hasToasts,
|
|
...props
|
|
}) => {
|
|
return (
|
|
<div
|
|
id="toast-container"
|
|
className="fixed right-0 top-4 box-border max-h-full max-w-full overflow-hidden px-4"
|
|
style={{
|
|
pointerEvents: hasToasts ? 'all' : 'none',
|
|
zIndex: 10000,
|
|
paddingTop: 'env(safe-area-inset-top)',
|
|
}}
|
|
{...props}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default ToastContainer;
|