import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { injectStyle } from 'react-toastify-next/dist/inject-style';
import { useViewportType } from '../../useViewportType';
import { NOTIFY_CONTAINER_ID, NOTIFY_POSITIONS, notifyClassnames, } from '../constants';
import { Inner, Wrapper } from './styles';
if (typeof window !== 'undefined') {
    injectStyle();
}
export const NotificationContainer = ({ containerId = NOTIFY_CONTAINER_ID, bannerContainer, ...props }) => {
    const { isMobile } = useViewportType();
    return (_jsxs(Wrapper, { "$isBanner": Boolean(bannerContainer), children: [_jsx(Inner, { ...props, containerId: containerId, pauseOnFocusLoss: true, position: isMobile ? NOTIFY_POSITIONS.TOP_CENTER : NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${notifyClassnames.body}`, toastClassName: notifyClassnames.root, progressClassName: `${notifyClassnames.progress}`, "$isBanner": Boolean(bannerContainer) }), bannerContainer] }));
};
