// // import preact, { h, render, Component } from 'preact' // eslint-disable-line no-unused-vars

// // import { Router, Route } from 'preact-router'

// // import AsyncRoute from 'preact-async-route'

// // import Home from './containers/home'
// // import Page from './containers/page'

// // import Header from './components/header'
// // import Navigation from './components/navigation'
// // import Footer from './components/footer'
// // import Figure from './components/figure'

// // import { getPages } from './helpers/helpers';

// // const initial = {};

// // class Main extends Component {


// //     constructor() {
// //         super();

// //         // console.error('super');
// //         this.state = {
// //             menus: {},
// //             pages: {},
// //             page: {},
// //             posts: []
// //         };

// //         // this.init = this.init.bind(this);

// //         this.changed = this.changed.bind(this);

// //         this.updateHead = this.updateHead.bind(this);

// //         this.description = document.querySelector('meta[name="description"]');
// //     }

// //     componentWillMount() {
// //         // this.init();

// //         this.setState({
// //             menus: initial.menus || {},
// //             pages: initial.pages || {},
// //             page: initial.page || null,
// //             posts: initial.posts || []
// //         });
// //     }

// //     updateHead(page) {
// //         document.title = page.title;

// //         if (this.description) {
// //             this.description.setAttribute('content', page.description);
// //         }
// //     }

// //     // init() {
// //     //     this.setState({
// //     //         menus: initial.menus || {},
// //     //         pages: initial.pages || {},
// //     //         page: initial.page || {},
// //     //         posts: initial.posts || []
// //     //     });
// //     // }

// //     changed(e) {
// //         const URL = e.url,
// //               pages = initial.pages || {},
// //               page = pages[URL] || null;

// //         if (!page) {
// //             return;
// //         }

// //         if (window.gtag) {
// //             window.gtag('config', 'UA-116106305-1', {'page_path': URL});
// //         }

// //         // logAnalytics(URL);

// //         this.updateHead(page);

// //         this.setState({
// //             page: page
// //         })

// //         window.requestAnimationFrame(() => {
// //             window.scrollTo(0, 0)
// //         });
// //     }

// //     render() {
// //         const page = this.state.page || null,
// //               images = (page && page.images) ? page.images : [],
// //               img = (images.length) ? images[0] : null;

// //         console.error(14);

// //         // if (!page) {
// //         //     return null;
// //         // }

// //         console.error(15);

// //         return (
// //             <div class="l-wrap">
// //                 <Header page={this.state.page} />

// //             </div>
// //         );
// //     }
// // }


// //                 // <Navigation pages={getPages(this.state.menus, 'main-menu', this.state.page)} page={this.state.page} />

// //                 // <main class="l-main" role="main">
// //                 //     <div class="o-figure">
// //                 //         {images.length > 1 ? (
// //                 //             <AsyncRoute page={page} getComponent={() => import('./components/swiper' /* webpackChunkName: 'swiper' */ ).then(module => module.default)} loading={() => <Figure img={img} />} />
// //                 //         ) : (
// //                 //             <Figure img={img} />
// //                 //         )}
// //                 //     </div>

// //                 //     <Router onChange={this.changed}>

// //                 //         <Route path="/"     component={Home} page={this.state.page} posts={this.state.posts} />
// //                 //         <Route path="/en/"  component={Home} page={this.state.page} posts={this.state.posts} />

// //                 //         <Route default component={Page} page={this.state.page} />

// //                 //     </Router>
// //                 // </main>

// //                 // <Footer pages={getPages(this.state.menus, 'footer-menu', this.state.page)} page={this.state.page} />


// // async function init(path) {
// //     const getContent =  (p) => {
// //         return new Promise(resolve => {
// //               fetch(p).then((r) => r.json()).then((o) => { resolve(o); }).catch((err) => { console.dir(err); });
// //         });
// //     };

// //     const [ menus, pages, posts ] = await Promise.all([
// //         getContent(path + 'wp-json/our-wp-api/v1/menus'),
// //         getContent(path + 'wp-json/our-wp-api/v1/pages'),
// //         getContent(path + 'wp-json/our-wp-api/v1/posts')
// //     ]);

// //     initial.menus = menus;
// //     initial.pages = pages;
// //     initial.posts = posts;

// //     render(<Main />, document.body, document.getElementById('js-wrap'));
// // }

// // const path = (location.href.indexOf('localhost') > -1) ? '//body.loc.al/' : '/';

// // // init(path);

// // // render(<Main />, document.body, document.getElementById('js-wrap'));

// // // if (module.hot) {
// // //     module.hot.accept('./components/swiper.js', function() {
// // //         console.error(15);
// // //         // Do something with the updated library module...
// // //     })
// // // }



// const body = document.body,
//       nav = document.getElementById('nav'),
//       toggler = document.getElementById('toggler');


// const toggle = () => {
//     body.classList.toggle('is-nav--open')
// }

// if (toggler) {
//     nav.addEventListener('click', toggle)
// }
// if (toggler) {
//     toggler.addEventListener('click', toggle)
// }
