import _ from 'lodash';
import React, { Component } from 'react';
import {
Container,
Icon,
Image,
Menu,
Sidebar,
Responsive,
} from 'semantic-ui-react';
const NavBarMobile = ({
children,
leftItems,
onPusherClick,
onToggle,
rightItems,
visible,
}) => (
{children}
);
const NavBarDesktop = ({ leftItems, rightItems }) => (
);
const NavBarChildren = ({ children }) => (
{children}
);
class HomeNavabarApp extends Component {
constructor(props) {
super(props);
this.state = {
logged: true,
email: '',
password: '',
};
}
state = {
visible: false,
};
handlePusher = () => {
const { visible } = this.state;
if (visible) this.setState({ visible: false });
};
handleToggle = () => this.setState({ visible: !this.state.visible });
render() {
const { children, leftItems, rightItems } = this.props;
const { visible } = this.state;
return (
{children}
{children}
);
}
}
const leftItems = [{
as: 'a', content: 'Home', key: 'home', href: '/',
}];
const rightItems = [
{
as: 'a', content: 'Login', key: 'login', href: '/login',
},
{
as: 'a', content: 'Sign up', key: 'register', href: '/signup',
},
];
const HomeNavbarApp = () => (
);
export default HomeNavbarApp;