b6fd02b70f
* Improve onboarding UI and UX (P1) - Introduce Crayons variables - Remove unnecessary CSS files to have just one CSS file * Add new onboarding tests * Update onboarding yarn test to reflect updated class names
33 lines
759 B
JavaScript
33 lines
759 B
JavaScript
import { h } from 'preact';
|
|
import PropTypes from 'prop-types';
|
|
|
|
const Navigation = ({ next, prev, hideNext, hidePrev }) => (
|
|
<nav className="onboarding-navigation">
|
|
<div className="navigation-content">
|
|
{!hidePrev && (
|
|
<button onClick={prev} className="back-button" type="button">
|
|
Back
|
|
</button>
|
|
)}
|
|
{!hideNext && (
|
|
<button onClick={next} className="next-button" type="button">
|
|
Continue
|
|
</button>
|
|
)}
|
|
</div>
|
|
</nav>
|
|
);
|
|
|
|
Navigation.propTypes = {
|
|
prev: PropTypes.func.isRequired,
|
|
next: PropTypes.string.isRequired,
|
|
hideNext: PropTypes.bool,
|
|
hidePrev: PropTypes.bool,
|
|
};
|
|
|
|
Navigation.defaultProps = {
|
|
hideNext: false,
|
|
hidePrev: false,
|
|
};
|
|
|
|
export default Navigation;
|