You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
978 B
29 lines
978 B
import React, { FC } from 'react'
|
|
import noop from 'lodash/noop'
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
|
import { faArrowLeft } from '@fortawesome/free-solid-svg-icons'
|
|
|
|
import CreateUserForm from '../create-user-form'
|
|
|
|
export interface Props {
|
|
previous?: () => void
|
|
next?: () => void
|
|
}
|
|
|
|
const CreateUserStep: FC<Props> = ({ previous = noop, next = noop }) => (
|
|
<div className="columns">
|
|
<div className="column is-8 is-offset-2">
|
|
<CreateUserForm />
|
|
<br /><hr />
|
|
<button className="button is-pulled-left is-outlined" onClick={() => previous()}>
|
|
<span className="icon is-small">
|
|
<FontAwesomeIcon icon={faArrowLeft} />
|
|
</span>
|
|
<span>Community</span>
|
|
</button>
|
|
<button className="button is-pulled-right is-success" onClick={() => next()}>Finish</button>
|
|
</div>
|
|
</div>
|
|
)
|
|
|
|
export default CreateUserStep
|