import React from "react";
import Image from "next/image";
import circle from "@/app/assets/circle.png";
import styles from "./LeftNav.module.scss";
import Link from "next/link";

const LeftNav = () => {
  return (
    <div className={"left-nav min-h-[600px] bg-[#d7ecfd] rounded shadow"}>
      <div className={"flex items-center pl-2"}>
        <Image src={circle} alt={"circle icon"} height={16} width={16} />
        <span className={"pl-2"}>新闻详情</span>
      </div>
      <div
        className={`${styles.navContent} mt-3 mx-3 rounded-lg px-2.5 py-[5px]`}
      >
        <ul className={styles.navItems}>
          <li>
            <Link
              className={"text-sm px-[9px] py-[7px] block text-white"}
              href={"/"}
            >
              人才概况
            </Link>
          </li>
          <li>
            <Link
              className={"text-sm px-[9px] py-[7px] block text-white"}
              href={"/"}
            >
              人才概况
            </Link>
          </li>
          <li>
            <Link
              className={"text-sm px-[9px] py-[7px] block text-white"}
              href={"/"}
            >
              人才概况
            </Link>
          </li>
          <li>
            <Link
              className={"text-sm px-[9px] py-[7px] block text-white"}
              href={"/"}
            >
              人才概况
            </Link>
          </li>
        </ul>
      </div>
    </div>
  );
};

export default LeftNav;
