import { h } from 'preact';
import PropTypes from 'prop-types';

const Alert = ({ showAlert }) => {
  const otherClassname = showAlert ? '' : 'chatalert__default--hidden';

  return (
    <div className={`chatalert__default ${otherClassname}`}>
      More new messages below
    </div>
  );
};

Alert.propTypes = {
  showAlert: PropTypes.bool.isRequired,
};

export default Alert;
