"use client";
export default function MessagesError({ reset }: { error: Error; reset: () => void }) {
  return (
    <div className="min-h-[50vh] flex items-center justify-center">
      <div className="text-center px-6">
        <h2 className="text-2xl font-bold text-text mb-4">Messages unavailable</h2>
        <p className="text-text-muted mb-6">We couldn&apos;t load this conversation. Your messages are saved &mdash; try refreshing.</p>
        <button onClick={reset} className="px-6 py-3 bg-primary hover:bg-primary-dark text-white rounded-lg font-medium transition-colors">
          Try Again
        </button>
      </div>
    </div>
  );
}