@props([
    'active' => 'products',
])

<flux:navlist>
    <flux:navlist.group heading="Products">
        <flux:navlist.item :href="route('admin.product.categories')" :current="$active == 'categories'" wire:navigate>Product Categories</flux:navlist.item>
        <flux:navlist.item :href="route('admin.product.index')" :current="$active == 'products'" wire:navigate>Products</flux:navlist.item>
        <flux:navlist.item :href="route('admin.product.variants')" :current="$active == 'variants'" wire:navigate>Product Variants</flux:navlist.item>
    </flux:navlist.group>
</flux:navlist>