import { useNavigate, useParams } from "react-router-dom";
import { Image } from "@/components";
import { getBackgroundImage, getStaticImage } from "@/lib/utils";

const starName = "huangyanpei";

const HuangyanpeiReflection = () => {
  const navigate = useNavigate();
  const { moduleName } = useParams<{
    moduleName: string;
  }>();

  return (
    <div
      className="w-full h-full bg-cover bg-center bg-no-repeat"
      style={{
        backgroundImage: getBackgroundImage(`${starName}/reflection/底图`),
      }}
    >
      <Image
        className="absolute right-5 top-5"
        src={getStaticImage("components/离开")}
        button
        onClick={() => {
          if (moduleName && starName) {
            navigate(`/${moduleName}/${starName}/home`);
          }
        }}
      />
      <div className="flex items-center justify-center h-full">
        <div className="text-white text-4xl">黄炎培故居-体悟模块（待完善）</div>
      </div>
    </div>
  );
};

export default HuangyanpeiReflection;