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

export default class Header extends Component {

    constructor() {
        super();
    }

    render(props) {
        const page = props.page || {},
              homeURL = page.homeURL || '/',
              title = page.title || '';

        return (
            <header class="l-header" role="banner">
                <a href={homeURL} class="c-logo" title={title}>
                    <img src="/i/logo.svg" alt="Body & Mind & Soul logo" class="c-logo--svg" />
                    <img src="/i/slogan.svg" alt="Body & Mind & Soul slogan" class="c-logo--svg-slogan" />
                </a>
            </header>
        );
    }
}
