import React from "react";
import { useParams } from "react-router-dom";

export default function Reading() {
  const { id } = useParams(); // id книги, если нужно что-то динамическое

  // Пример массив страниц — можешь заменить на свой массив или получать из API:
  const pages = [
    "/img/SL1.png",
    "/img/SL2.png",
    // Можно добавить другие страницы
  ];

  return (
    <div className="container mt-5 flex-grow-1">
      <div className="row">
        <div className="col-12 text-center">
          <h3>Читать мангу...</h3>
          <div className="d-flex justify-content-center">
            {pages.map((src, idx) => (
              <img
                className="img-reading mx-2"
                src={src}
                alt={`Манга страница ${idx + 1}`}
                key={src}
                style={{ maxWidth: 350, maxHeight: 500 }}
              />
            ))}
          </div>
        </div>
      </div>
    </div>
  );
}
