mirror of https://github.com/mue/mue.git
25 lines
548 B
JavaScript
25 lines
548 B
JavaScript
import { memo } from 'react';
|
|
|
|
function ProgressBar({ count, currentTab, switchTab }) {
|
|
return (
|
|
<div className="progressbar">
|
|
{count.map((num) => {
|
|
let className = 'step';
|
|
|
|
const index = count.indexOf(num);
|
|
if (index === currentTab) {
|
|
className = 'step active';
|
|
}
|
|
|
|
return (
|
|
<div className={className} key={index} onClick={() => switchTab(index)}>
|
|
<span>{index + 1}</span>
|
|
</div>
|
|
);
|
|
})}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default memo(ProgressBar);
|