error-message

1import { memo } from "react";
2import { cn } from "./utils/cn";
3 
4export type ErrorMessageProps = {
5  title?: string;
6  message: string;
7  className?: string;
8};
9 
10export const ErrorMessage = memo(function ErrorMessage({
11  title = "Something went wrong",
12  message,
13  className,
14}: ErrorMessageProps) {
15  return (
16    <div className={cn("flex justify-start", className)}>
17      <div className="border border-red-500/30 bg-red-500/10 px-4 py-2.5 text-sm text-an-foreground rounded-[8px]">
18        <div className="font-medium text-an-foreground">{title}</div>
19        <div className="mt-0.5 text-an-foreground-muted">{message}</div>
20      </div>
21    </div>
22  );
23});