Initial code commit.

ui/Sufi.Demo.PeopleDirectory.UI/Client/Shared/MainLayout.razor

@@ -0,0 +1,30 @@
+@inherits LayoutComponentBase
+
+<MudThemeProvider />
+<MudPopoverProvider />
+<MudDialogProvider MaxWidth="MaxWidth.ExtraSmall" FullWidth="true" />
+<MudSnackbarProvider />
+
+<MudLayout>
+	<MudAppBar Color="Color.Info">
+		<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@(e => ToggleDrawer())" />
+		<MudSpacer />
+	</MudAppBar>
+	<MudDrawer @bind-Open="_drawerOpen" ClipMode="DrawerClipMode.Never">
+		<SideNavMenu />
+	</MudDrawer>
+	<MudMainContent>
+		<MudContainer MaxWidth="MaxWidth.False">
+			@Body
+		</MudContainer>
+	</MudMainContent>
+</MudLayout>
+
+@code {
+	bool _drawerOpen = true;
+
+	void ToggleDrawer()
+	{
+		_drawerOpen = !_drawerOpen;
+	}
+}