import PropTypes from 'prop-types'; import { Fragment } from 'react'; import classNames from 'classnames'; import { ReactComponent as CheckIcon } from '@material-symbols/svg-600/outlined/done.svg'; import { Icon } from 'mastodon/components/icon'; const ProgressIndicator = ({ steps, completed }) => (
{(new Array(steps)).fill().map((_, i) => ( {i > 0 &&
i })} />}
i })}> {completed > i && }
))}
); ProgressIndicator.propTypes = { steps: PropTypes.number.isRequired, completed: PropTypes.number, }; export default ProgressIndicator;