<template>
    <div>
        <header>
            <img src="logo.png">
        </header>
        <nav>
            <a :href="route('users')" :class="route().current('users*') ? 'active' : 'not-active'">Users</a>
            <a :href="route('companies')" :class="route().current('companies*') ? 'active' : 'not-active'">Companies</a>
            <a :href="route('products')" :class="route().current('products*') ? 'active' : 'not-active'">Products</a>
            <a :href="route('settings')" :class="route().current('settings*') ? 'active' : 'not-active'">Settings</a>
        </nav>
        <main>
            <slot></slot>
        </main>
    </div>
</template>