26 lines
874 B
JavaScript
26 lines
874 B
JavaScript
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 |