src/pages/components/Food.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 MealList from '../../food/containers/MealList'
import Message from '../../containers/Message'
import TextFood from '../../texts/containers/TextFood'
const Food = ({ translate }) => (
<Container>
<HelmetTitle title={translate('pages.food')} />
<h1><Message name='pages.food' /></h1>
<TextFood />
<h2><Message name='pages.festivalMenu' /></h2>
<MealList />
<Breadcrumb>
<BreadcrumbItem>
<Message name='pages.forParticipants' />
</BreadcrumbItem>
<BreadcrumbItem active>
<Message name='pages.food' />
</BreadcrumbItem>
</Breadcrumb>
</Container>
)
Food.propTypes = {
translate: PropTypes.func.isRequired
}
export default Food