From 9cdd37c5e3c82d5307fbbd976a78eb126af86bc6 Mon Sep 17 00:00:00 2001
From: Peace <syneffort@google.com>
Date: Fri, 5 Jul 2024 23:38:16 +0900
Subject: [PATCH] main layout

---
 .../Components/Layout/NavMenu.razor           |  1 +
 .../Components/Pages/LayoutMainLayout.razor   | 28 +++++++++++++++++++
 2 files changed, 29 insertions(+)
 create mode 100644 BlazorFluentUI/Components/Pages/LayoutMainLayout.razor
diff --git a/BlazorFluentUI/Components/Layout/NavMenu.razor b/BlazorFluentUI/Components/Layout/NavMenu.razor
index ff98319..bc1ff66 100644
--- a/BlazorFluentUI/Components/Layout/NavMenu.razor
+++ b/BlazorFluentUI/Components/Layout/NavMenu.razor
@@ -16,6 +16,7 @@
                 <FluentNavLink Href="layoutbodycontent" Icon="@(new Icons.Regular.Size20.ContentViewGallery())" IconColor="Color.Accent">BodyContent</FluentNavLink>
                 <FluentNavLink Href="layoutgrid" Icon="@(new Icons.Regular.Size20.Grid())" IconColor="Color.Accent">Grid</FluentNavLink>
                 <FluentNavLink Href="layoutlayout" Icon="@(new Icons.Regular.Size20.LayoutColumnOneThirdLeft())" IconColor="Color.Accent">Layout</FluentNavLink>
+                <FluentNavLink Href="layoutmainlayout" Icon="@(new Icons.Regular.Size20.LayoutColumnTwoSplitRight())" IconColor="Color.Accent">MainLayout</FluentNavLink>
             </FluentNavGroup>
         </FluentNavMenu>
     </nav>
diff --git a/BlazorFluentUI/Components/Pages/LayoutMainLayout.razor b/BlazorFluentUI/Components/Pages/LayoutMainLayout.razor
new file mode 100644
index 0000000..274d779
--- /dev/null
+++ b/BlazorFluentUI/Components/Pages/LayoutMainLayout.razor
@@ -0,0 +1,28 @@
+﻿@page "/layoutmainlayout"
+
+@rendermode RenderMode.InteractiveServer
+
+<FluentLabel Typo="Typography.H3">Layout</FluentLabel>
+<FluentDivider class="mt-1 mb-3" Role="DividerRole.Separator" />
+<FluentLabel Typo="Typography.Body">
+    The <code>FluentMainLayout</code> component offers a framework for a layout of a page in a site
+</FluentLabel>
+<FluentCard Width="auto" Height="300px">
+    <FluentMainLayout class="mt-3" NavMenuTitle="Navigation menu">
+        <Header><h3>Fluent UI Component</h3></Header>
+        <SubHeader><p>A subheader here</p></SubHeader>
+        <Body>
+            Lorem ipsum...
+        </Body>
+        <NavMenuContent>
+            <FluentNavLink Icon="@(new Icons.Regular.Size24.Home())" Href="/">Home</FluentNavLink>
+        </NavMenuContent>
+    </FluentMainLayout>
+</FluentCard>
+
+@code {
+    bool showHeader = true;
+    bool showNavMenu = true;
+    bool showBodyContent = true;
+    bool showFooter = true;
+}
