import Link from "next/link";
import NovelCover from "../NovelCover";

interface NovelItemProps {
  slug?: string;
  img?: string;
  name?: string;
}

export default function NovelItem(props: NovelItemProps) {
  const { slug, img, name } = props;
  const href = `/novel/${slug}`;
  return (
    <li className="novel-item">
      <NovelCover href={href} alt={name} src={img} />
      <h3 className="novel-item-title">
        <Link href={href} title={name}>
          {name}
        </Link>
      </h3>
      {/* <p className="novel-item-desc">
        <a href="">Fantasy Romance</a>
      </p> */}
    </li>
  );
}