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.
30 lines
955 B
30 lines
955 B
import React, { FC } from 'react'
|
|
import noop from 'lodash/noop'
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
|
import { faArrowRight } from '@fortawesome/free-solid-svg-icons'
|
|
|
|
import CreateGroupForm from '../create-group-form'
|
|
|
|
export interface Props {
|
|
name: string
|
|
registration: string
|
|
next?: (name: string, registration: string) => void
|
|
}
|
|
|
|
const CreateGroupStep: FC<Props> = ({ name, registration, next = noop }) => (
|
|
<div className="columns">
|
|
<div className="column is-8 is-offset-2">
|
|
<CreateGroupForm />
|
|
<br /><hr />
|
|
|
|
<button className="button is-pulled-right is-success" onClick={() => next(name, registration)}>
|
|
<span>Your Account</span>
|
|
<span className="icon is-small">
|
|
<FontAwesomeIcon icon={faArrowRight} />
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
)
|
|
|
|
export default CreateGroupStep
|