@props(['avatar', 'name', 'status' => 'inactive', 'message' => ''])
<x-dashboard.broker.sidebar.item class="w-full">
    <x-ui.avatar class="w-12! h-12! text-xl!">{{$avatar}}</x-ui.avatar>
    <div class="flex flex-col text-left">
        <p class="sidebar-text text-sm font-bold">{{$name}}</p>
        <p class="sidebar-text text-sm text-accent-600">{{$message}}</p>
    </div>
</x-dashboard.broker.sidebar.item>