"use client"

import { RefreshCw } from "lucide-react"

export default function ReviewOptimizationsError({ reset }: { error: Error; reset: () => void }) {
  return (
    <div className="flex justify-center items-center h-[70vh]">
      <div className="bg-red-50 text-red-800 p-6 sm:p-8 rounded-xl max-w-md border border-red-200">
        <h3 className="text-base sm:text-lg font-medium mb-2 sm:mb-3">Something went wrong</h3>
        <p className="mb-3 sm:mb-4 text-sm sm:text-base">
          There was an error loading the review optimizations page.
        </p>
        <button
          onClick={reset}
          className="flex items-center gap-1 sm:gap-2 w-full justify-center px-3 sm:px-4 py-2 sm:py-2.5 bg-red-100 hover:bg-red-200 text-red-800 rounded-lg text-xs sm:text-sm font-medium transition-colors"
        >
          <RefreshCw size={14} className="sm:w-4 sm:h-4" /> Try Again
        </button>
      </div>
    </div>
  )
}
