@extends('frontend::layouts.master')

@section('content')
<div class="flex justify-center items-center gap-x-12">
    
    <x-frontend::overlays.dropdown :menu="[
        ['name' => 'My Profile', 'icon' => 'user', 'link' => '#'], 
        ['name' => 'Settings', 'icon' => 'settings', 'link' => '#'], 
        ['name' => 'Billing', 'icon' => 'receipt-rupee', 'link' => '#'], 
        ['name' => 'FAQs', 'icon' => 'help-triangle', 'link' => '#']]">
        <x-slot:text>
            <div class="bg-gray-200 px-3 py-2 rounded-xl">
                <span>John Doe</span>
            </div>
        </x-slot>
    </x-frontend>
    <x-frontend::overlays.dropdown avatar="https://cdn.flyonui.com/fy-assets/avatar/avatar-1.png" name="John Doe" role="Admin" :menu="[
        ['name' => 'My Profile', 'icon' => 'user', 'link' => '#'], 
        ['name' => 'Settings', 'icon' => 'settings', 'link' => '#'], 
        ['name' => 'Billing', 'icon' => 'receipt-rupee', 'link' => '#'], 
        ['name' => 'FAQs', 'icon' => 'help-triangle', 'link' => '#']]"
        signout="#" signout_text="Sign out"> 
    </x-frontend>
</div>
@endsection