diff --git a/src/renderer/src/layout/index.jsx b/src/renderer/src/layout/index.jsx
new file mode 100644
index 0000000..163540a
--- /dev/null
+++ b/src/renderer/src/layout/index.jsx
@@ -0,0 +1,28 @@
+import React from "react"
+import * as antd from "antd"
+
+import AppHeader from "./components/Header"
+
+const Layout = (props) => {
+    const [api, contextHolder] = antd.notification.useNotification({
+        stack: {
+            threshold: 1
+        }
+    })
+
+    React.useEffect(() => {
+        app.notification = api
+    }, [])
+
+    return <antd.Layout className="app_layout">
+        {contextHolder}
+
+        <AppHeader />
+
+        <antd.Layout.Content className="app_content">
+            {props.children}
+        </antd.Layout.Content>
+    </antd.Layout>
+}
+
+export default Layout
\ No newline at end of file