import React from 'react';

const Notification = (props) => {
  if (props.notification.text) {
    setTimeout(() => {
      props.clearNotification();
    }, props.notifLength);
  }
  return <div>
  {
    props.notification.text &&
    <dialog open id='coral-notif' className={`coral-notif-${  props.notification.type}`}>
      {props.notification.text}
    </dialog>
  }
  </div>;
};

export default Notification;