Health & Fitness Coach MCP

import { X, AlertCircle } from "lucide-react" import { Button } from "@/components/ui/button" import { cn } from "@/lib/utils" interface ErrorMessageProps { message: string onDismiss?: () => void className?: string } export function ErrorMessage({ message, onDismiss, className }: ErrorMessageProps) { return ( <div className={cn( "bg-red-50 border border-red-200 rounded-2xl p-4 flex items-start gap-3 animate-in slide-in-from-top-2 duration-300", className )}> <AlertCircle className="w-5 h-5 text-red-500 flex-shrink-0 mt-0.5" /> <div className="flex-1"> <p className="text-sm text-red-800">{message}</p> </div> {onDismiss && ( <Button variant="ghost" size="sm" onClick={onDismiss} className="text-red-500 hover:text-red-700 hover:bg-red-100 p-1 h-auto" > <X className="w-4 h-4" /> </Button> )} </div> ) }