Conditional Rendering - Alert Component

Alert.jsx

function Alert(props) {
  if (!props.showAlert) {
    return null;
  }

  return (
    <div className={props.type}>
      <h4>{props.title}</h4>
      <p>{props.summary}</p>
    </div>
  );
}