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.
45 lines
1.4 KiB
45 lines
1.4 KiB
import React, { FC } from 'react'
|
|
import noop from 'lodash/noop'
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
|
import { faBuilding, faArrowRight } from '@fortawesome/free-solid-svg-icons'
|
|
|
|
import CreateGroupForm from '../create-group-form'
|
|
|
|
export interface Props {
|
|
name: string
|
|
registration: string
|
|
agree: boolean
|
|
next?: (name: string, agree: boolean) => void
|
|
}
|
|
|
|
const CreateGroupStep: FC<Props> = ({ name, agree, next = noop }) => (
|
|
<div className="centered-content">
|
|
<div className="centered-content-icon">
|
|
<span className="icon is-large has-text-primary">
|
|
<FontAwesomeIcon icon={faBuilding} size="lg" />
|
|
</span>
|
|
</div>
|
|
|
|
<CreateGroupForm />
|
|
<hr />
|
|
|
|
<nav className="level">
|
|
<div className="level-left">
|
|
<p className="level-item"></p>
|
|
</div>
|
|
|
|
<div className="level-right">
|
|
<p className="level-item">
|
|
<button className="button is-success" onClick={() => next(name, agree)}>
|
|
<span>Your Account</span>
|
|
<span className="icon is-small">
|
|
<FontAwesomeIcon icon={faArrowRight} />
|
|
</span>
|
|
</button>
|
|
</p>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
)
|
|
|
|
export default CreateGroupStep
|