# Navbar

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/components/Layout/Navbar.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/components/Layout/Navbar.tsx#L42)

## Diagram

```mermaid
graph TD
    component_Navbar_a0423c7["Navbar"]
    class component_Navbar_a0423c7 rootComponent
```

## Relationships

- RENDERS → `motion-nav`
- RENDERS → `Link`
- RENDERS → `Breadcrumbs`
- RENDERS → `ProjectDropdown`
- RENDERS → `VersionDropdown`
- RENDERS → `motion-button`
- RENDERS → `MagnifyingGlassIcon`
- RENDERS → `BellIcon`
- RENDERS → `ThemeToggle`
- USES_HOOK → `useSession`
- USES_HOOK → `useProjectContext`
- USES_HOOK → `useAPIClient`
- USES_HOOK → `useRouter`
- USES_HOOK → `useState`
- USES_HOOK → `useRef`
- USES_HOOK → `useEffect`
- USES_HOOK → `useCallback`