n3wt-school/Front-End/src/components/AlertMessage.js

import React from 'react';

const AlertMessage = ({ title, message, buttonText, buttonLink }) => {
  return (
    <div
      className="alert centered bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4"
      role="alert"
    >
      <h3 className="font-bold">{title}</h3>
      <p className="mt-2">{message}</p>
      <div className="alert-actions mt-4">
        <a
          className="btn primary bg-emerald-500 text-white rounded-md px-4 py-2 hover:bg-emerald-600"
          href={buttonLink}
        >
          {buttonText} <i className="icon profile-add"></i>
        </a>
      </div>
    </div>
  );
};

export default AlertMessage;