src/pages/components/Fees.jsx
import Breadcrumb from 'reactstrap/lib/Breadcrumb'
import BreadcrumbItem from 'reactstrap/lib/BreadcrumbItem'
import React from 'react'
import PropTypes from 'prop-types'
import Container from '../../components/Container'
import HelmetTitle from '../../containers/HelmetTitle'
import Message from '../../containers/Message'
import TextFees from '../../texts/containers/TextFees'
const Fees = ({
translate
}) => (
<Container>
<HelmetTitle title={translate('pages.fees')} />
<h1><Message name='pages.fees' /></h1>
<TextFees skipFirstHeading emptyMessage='pages.feesEmpty' />
<Breadcrumb>
<BreadcrumbItem>
<Message name='participants.home' />
</BreadcrumbItem>
<BreadcrumbItem active>
<Message name='orders.fees' />
</BreadcrumbItem>
</Breadcrumb>
</Container>
)
Fees.propTypes = {
translate: PropTypes.func.isRequired
}
export default Fees