import React, { JSX } from "react";

interface DestructibleAlertProps {
  text: string;
  icon: JSX.Element;
}

const DestructibleAlert: React.FC<DestructibleAlertProps> = ({
  text,
  icon,
}) => {
  return (
    <div className=" bg-red-200 rounded-3xl py-6 flex flex-col items-center justify-center gap-2 w-full ">
      <div>{icon}</div>
      <p className="text-lg font-bold text-center text-red-800">{text}</p>
    </div>
  );
};

export default DestructibleAlert;
