import PropTypes from 'prop-types'; import { Link } from 'react-router-dom'; import { ReactComponent as ArrowRightAltIcon } from '@material-symbols/svg-600/outlined/arrow_right_alt.svg'; import { ReactComponent as CheckIcon } from '@material-symbols/svg-600/outlined/done.svg'; import { Icon } from 'mastodon/components/icon'; export const Step = ({ label, description, icon, iconComponent, completed, onClick, href, to }) => { const content = ( <>
{label}

{description}

{completed ? : }
); if (href) { return ( {content} ); } else if (to) { return ( {content} ); } return ( ); }; Step.propTypes = { label: PropTypes.node, description: PropTypes.node, icon: PropTypes.string, iconComponent: PropTypes.func, completed: PropTypes.bool, href: PropTypes.string, to: PropTypes.string, onClick: PropTypes.func, };