2015-10-30 22:30:56 +03:00
|
|
|
import React from 'react';
|
2017-04-17 17:14:17 +03:00
|
|
|
import PropTypes from 'prop-types';
|
2015-10-30 22:30:56 +03:00
|
|
|
import { AppBar } from 'react-toolbox';
|
|
|
|
import { Link } from 'react-router';
|
|
|
|
import Logo from '../logo';
|
|
|
|
import Navigation from '../navigation';
|
2017-01-05 04:42:18 +03:00
|
|
|
import style from './style.css';
|
2015-10-30 22:30:56 +03:00
|
|
|
|
|
|
|
const MainAppBar = (props) => {
|
|
|
|
let className = style.appbar;
|
|
|
|
if (props.className) className += ` ${props.className}`;
|
|
|
|
|
|
|
|
return (
|
|
|
|
<AppBar className={className} flat fixed>
|
2017-01-26 20:05:32 +03:00
|
|
|
<Link to="/">
|
2015-10-30 22:30:56 +03:00
|
|
|
<Logo className={style.logo} />
|
|
|
|
</Link>
|
2017-01-26 20:05:32 +03:00
|
|
|
<Navigation activeClassName={style.active} className={style.navigation} />
|
2015-10-30 22:30:56 +03:00
|
|
|
</AppBar>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
MainAppBar.propTypes = {
|
2017-04-17 17:14:17 +03:00
|
|
|
className: PropTypes.string
|
2015-10-30 22:30:56 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
MainAppBar.defaultProps = {
|
|
|
|
className: ''
|
|
|
|
};
|
|
|
|
|
|
|
|
export default MainAppBar;
|