yoginth.com
Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
1import { memo, type ReactNode } from "react";
2import cn from "@/helpers/cn";
3import { H6 } from "./Typography";
4
5interface WarningMessageProps {
6 className?: string;
7 message?: ReactNode;
8 title?: string;
9}
10
11const WarningMessage = ({
12 className = "",
13 message,
14 title
15}: WarningMessageProps) => {
16 if (!message) {
17 return null;
18 }
19
20 return (
21 <div
22 className={cn(
23 "space-y-1 rounded-xl border-2 border-yellow-500/50 bg-yellow-50 p-4 text-yellow-800 dark:bg-yellow-900/10 dark:text-yellow-200",
24 className
25 )}
26 >
27 {title ? <H6>{title}</H6> : null}
28 <div className="text-sm">{message}</div>
29 </div>
30 );
31};
32
33export default memo(WarningMessage);