32 lines
888 B
JavaScript
32 lines
888 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;
|