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;