function Pageguide({ list }) {
  return (
    <ul className="flex items-center justify-start gap-1">
      {list.map((item, idx) => (
        <li key={idx} className="flex items-center justify-start gap-1">
          <h2
            className={`text-[16px] font-normal ${ list.length > idx + 1 ? "text-[#9B9B9B]" : "text-[#525252]" } `}
          >
            {item}
          </h2>
          <span
            className={` text-[#9B9B9B] text-[16px] font-normal ${list.length > idx + 1 ? "flex" : "hidden"} `}
          >
            {">"}
          </span>
        </li>
      ))}
    </ul>
  );
}

export default Pageguide;
