<x-t-navbar size="xl">
    <div class="flex w-full justify-between items-center">
        <div>
            <a href="{{ url('/') }}">
                <x-application-logo class="block h-12 w-auto fill-current text-violet-900 dark:text-violet-400 group" />
            </a>
        </div>
        <x-t-burger class:bar="bg-violet-400 dark:bg-violet-400"/>
    </div>
    <x-t-menu>
        <li>
            <x-t-nav-link variant="light" href="#">
                Home
            </x-t-nav-link>
        </li>
        <li>
            <x-t-nav-link variant="light" href="#">
                About
            </x-t-nav-link>
        </li>
        <li>
            <x-t-nav-link variant="light" href="#">
                Contact
            </x-t-nav-link>
        </li>
    </x-t-menu>
</x-t-navbar>