|
@ -7,13 +7,7 @@ import { FaAngleLeft, FaAngleRight } from 'react-icons/lib/fa' |
|
|
import zapLogo from 'icons/zap_logo.svg' |
|
|
import zapLogo from 'icons/zap_logo.svg' |
|
|
import styles from './FormContainer.scss' |
|
|
import styles from './FormContainer.scss' |
|
|
|
|
|
|
|
|
const FormContainer = ({ |
|
|
const FormContainer = ({ title, description, back, next, children }) => ( |
|
|
title, |
|
|
|
|
|
description, |
|
|
|
|
|
back, |
|
|
|
|
|
next, |
|
|
|
|
|
children |
|
|
|
|
|
}) => ( |
|
|
|
|
|
<div className={styles.container}> |
|
|
<div className={styles.container}> |
|
|
<div className={styles.titleBar} /> |
|
|
<div className={styles.titleBar} /> |
|
|
|
|
|
|
|
@ -29,9 +23,7 @@ const FormContainer = ({ |
|
|
<p>{description}</p> |
|
|
<p>{description}</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div className={styles.content}> |
|
|
<div className={styles.content}>{children}</div> |
|
|
{children} |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<footer className={styles.footer}> |
|
|
<footer className={styles.footer}> |
|
|
<div className={styles.buttonsContainer}> |
|
|
<div className={styles.buttonsContainer}> |
|
@ -54,7 +46,6 @@ const FormContainer = ({ |
|
|
</div> |
|
|
</div> |
|
|
) |
|
|
) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
FormContainer.propTypes = { |
|
|
FormContainer.propTypes = { |
|
|
title: PropTypes.string.isRequired, |
|
|
title: PropTypes.string.isRequired, |
|
|
description: PropTypes.string.isRequired, |
|
|
description: PropTypes.string.isRequired, |
|
|