function Notification(props) {
    const { className, style, icon, title, description, onRequestClose, hideCloseButton } = props;

    return (
        <StyledContainer className={className} style={style}>
            <StyledAnchor>
                <RenderIf isTrue={icon}>
                    <Icon icon={icon} />
                </RenderIf>
                <span>
                    <RenderIf isTrue={title}>
                        <Title text={title} />
                    </RenderIf>
                    <RenderIf isTrue={description}>
                        <Description text={description} />
                    </RenderIf>
                </span>
            </StyledAnchor>
            <RenderIf isTrue={!hideCloseButton}>
                <StyledCloseButton
                    icon={<CloseIcon />}
                    size="small"
                    title="Close"
                    onClick={onRequestClose}
                />
            </RenderIf>
        </StyledContainer>
    );
}
Notifications serve as a confirmation mechanism & feedback that comes into the page at the top.