<swp-app-topbar>
    <swp-topbar-search>
        <i class="ph ph-magnifying-glass"></i>
        <input type="text" placeholder="Søg i Salon OS..." id="globalSearch">
        <kbd>⌘K</kbd>
    </swp-topbar-search>

    <swp-topbar-actions>
        <!-- Notifications -->
        <swp-topbar-btn id="notificationsBtn" title="Notifikationer">
            <i class="ph ph-bell"></i>
            <swp-notification-badge>3</swp-notification-badge>
        </swp-topbar-btn>

        <swp-topbar-divider></swp-topbar-divider>

        <!-- Profile (opens drawer) -->
        <swp-topbar-profile id="profileTrigger">
            <swp-profile-avatar>MJ</swp-profile-avatar>
            <swp-profile-info>
                <swp-profile-name>Maria Jensen</swp-profile-name>
                <swp-profile-role>Administrator</swp-profile-role>
            </swp-profile-info>
        </swp-topbar-profile>
    </swp-topbar-actions>
</swp-app-topbar>
