export function Alert({ title, message }: { title: string; message: string }) {
  return (
    <div
      className="p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400"
      role="alert"
    >
      {title && <span className="font-medium">{title}</span>} {message}
    </div>
  );
}