box-ui-elements-mlh/es/components/notification/NotificationsWrapper.js.flow

Box UI Elements

// @flow
import * as React from 'react';

import FocusTrap from '../focus-trap';
import Portal from '../portal';

type Props = {
    children?: React.Node,
};

const NotificationsWrapper = ({ children }: Props) => (
    <Portal className="notifications-wrapper" aria-live="polite">
        {children ? <FocusTrap>{children}</FocusTrap> : null}
    </Portal>
);

export default NotificationsWrapper;