import { Document, Page, pdfjs } from "react-pdf";
import { useState } from "react";
import "react-pdf/dist/esm/Page/AnnotationLayer.css";


const Satzung = () => {
    return (
      <section className="max-w-5xl mx-auto px-4 py-16">
        <h1 className="text-3xl font-bold text-frog-600 mb-6">Satzung der TG Laudenbach 1889 e.V.</h1>
  
        <div className="bg-white border rounded-lg shadow overflow-hidden">
          <iframe
            src="/uploads/satzung.pdf"
            width="100%"
            height="800px"
            style={{ border: "none" }}
            title="Satzung TG Laudenbach"
          />
        </div>
  
        <p className="mt-4 text-sm text-gray-500">
          <a
            href="/uploads/satzung.pdf"
            download
            className="underline text-frog-600 hover:text-frog-800"
          >
            Satzung als PDF herunterladen
          </a>
        </p>
      </section>
    );
  };
  
  export default Satzung;