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"
                >
                    <p
                        className={`text-[16px] font-normal
                            ${list.length > idx + 1 ? 'text-[#9B9B9B]' : 'text-[#525252]'}
                            `}
                    >{item}</p>
                    <span
                        className={`
                            text-[#9B9B9B] text-[16px] font-normal
                            ${list.length > idx + 1 ? 'flex' : 'hidden'}
                            `}
                    >{'>'}</span>
                </li>
            ))}
        </ul>
    )
}

export default Pageguide