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

export default function Manga() {
  return (
    <main className="container my-5 flex-grow-1">
      <div className="row justify-content-center">
        <div className="col-md-8 text-center">
          <figure className="figure">
            <img
              src="/img/заглушка.jpg"
              className="figure-img img-fluid rounded"
              alt="Токийский Гуль"
              style={{ maxHeight: 350, objectFit: "contain" }}
            />
            <figcaption className="figure-caption text-light">
            О моём перерождении в слизь
            </figcaption>
          </figure>
          <p className="mt-4 text-color-light">
          Обычный служащий финансовой компании Сатору Миками погибает, защищая коллегу от грабителя с ножом. 
          После смерти Сатору попадает в фэнтезийный мир, в котором он предстаёт в виде комка слизи средних размеров по имени Римуру, наделённой немалым разумом. 
          Отныне Римуру будет жить в мире, полном разных рас, в надежде построить однажды страну, где к каждой расе будут относиться одинаково.
          </p>
          <div className="d-flex justify-content-center gap-3 mt-3">
            <Link to="/author/1" className="btn btn-primary">
              <i className="bi bi-person-lines-fill me-2"></i>Про автора
            </Link>
            <Link to="/reading/1" className="btn btn-success">
              <i className="bi bi-book me-2"></i>Читать
            </Link>
          </div>
        </div>
      </div>
    </main>
  );
}   
