<script>
    import perinetLogo from '../../static/perinet-logo.png'
    import favicon from '../../static/favicon.png'
</script>

<header class="header">
    <!-- <a href="https://www.perinet.io" target="_blank" class="logo">
        <img src={perinetLogo} alt="Perinet Logo" width="180">
    </a>

    <link rel="shortcut icon" type="image/png" href={favicon} /> -->

    <input class="menu-btn" type="checkbox" id="menu-btn" />

    <!-- <label class="menu-icon" for="menu-btn"><span class="nav-icon"></span></label> -->

    <ul class="menu">
        <li><a href="/">Home</a></li>
        <li><a href="/chicken">Chicken</a></li>
        <!-- <li><a href="/Information">Information</a></li>
        <li><a href="/Configuration">Configuration</a></li>
        <li><a href="/Security">Security</a></li>
        <li><a href="/FirmwareUpdate">Firmware update</a></li>
        <li><a href="/APIDocumentation">API documentation</a></li>
        <li><a href="https://docs.perinet.io" target="_blank">Online documentation</a></li> -->
    </ul>
</header>
