generated from muhtadeetaron/nextjs-template
41 lines
835 B
TypeScript
41 lines
835 B
TypeScript
import React from "react";
|
|
|
|
interface DestructibleAlertProps {
|
|
text: string;
|
|
extraStyles?: string;
|
|
}
|
|
|
|
const DestructibleAlert = ({
|
|
text,
|
|
extraStyles = "",
|
|
}: DestructibleAlertProps) => {
|
|
return (
|
|
<div
|
|
className={`border bg-red-200 border-blue-200 rounded-3xl py-6 ${extraStyles}`}
|
|
style={{
|
|
borderWidth: 1,
|
|
backgroundColor: "#fecaca",
|
|
borderColor: "#c0dafc",
|
|
paddingTop: 24,
|
|
paddingBottom: 24,
|
|
}}
|
|
>
|
|
<p
|
|
className="text-center text-red-800"
|
|
style={{
|
|
fontSize: 17,
|
|
lineHeight: "28px",
|
|
fontFamily: "Montserrat, sans-serif",
|
|
fontWeight: "bold",
|
|
textAlign: "center",
|
|
color: "#991b1b",
|
|
}}
|
|
>
|
|
{text}
|
|
</p>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default DestructibleAlert;
|