import { useState } from "react";

export default function WebViewer() {
  const [url, setUrl] = useState("https://www.example.com");

  return (
    <div className="flex flex-col items-center gap-4 p-4 font-sans">
      <div className="flex gap-2">
        <button onClick={() => setUrl("https://www.example.com")} className="px-4 py-2 bg-blue-500 text-white rounded-lg">Página 1</button>
        <button onClick={() => setUrl("https://www.wikipedia.org")} className="px-4 py-2 bg-green-500 text-white rounded-lg">Página 2</button>
        <button onClick={() => setUrl("https://www.github.com")} className="px-4 py-2 bg-red-500 text-white rounded-lg">Página 3</button>
      </div>
      <iframe src={url} className="w-full h-[500px] border rounded-lg" title="Web Viewer"></iframe>
    </div>
  );
}