import React from 'react';
import { Button } from '../ui/Button';

export const NoInternet: React.FC = () => {
  const handleRetry = () => {
    window.location.reload();
  };

  return (
    <div className="min-h-screen bg-gray-50 flex items-center justify-center px-4">
      <div className="max-w-md w-full text-center">
        <img
          src="/NoInternet.svg"
          alt="No Internet"
          className="w-full max-w-sm mx-auto mb-8"
        />
        <h1 className="text-3xl font-bold text-gray-900 mb-2">No Internet Connection</h1>
        <p className="text-gray-600 mb-8">
          Please check your internet connection and try again.
        </p>
        <Button
          variant="primary"
          size="lg"
          onClick={handleRetry}
        >
          Retry
        </Button>
      </div>
    </div>
  );
};