generated from muhtadeetaron/nextjs-template
21 lines
470 B
TypeScript
21 lines
470 B
TypeScript
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;
|