Create blank layout

src/components/BlankLayout/BlankLayout.tsx

@@ -0,0 +1,29 @@
+import { Layout } from "antd";
+import * as React from "react";
+import { CSSProperties, FC, useMemo } from "react";
+import styles from "./blankLayout.module.css";
+
+const {Content} = Layout;
+
+interface BlankLayoutProps {
+    /**
+     * @default 300
+     */
+    width?: number | string;
+}
+
+const BlankLayout: FC<BlankLayoutProps> = (props) => {
+    const contentStyle = useMemo((): CSSProperties => ({
+        maxWidth: props.width || 300,
+    }),[props.width]);
+
+    return (
+        <Layout className={styles.layout}>
+            <Content style={contentStyle}>
+                {props.children}
+            </Content>
+        </Layout>
+    );
+};
+
+export default BlankLayout;

src/components/BlankLayout/blankLayout.module.css

@@ -0,0 +1,6 @@
+.layout {
+    min-height: 100vh;
+    align-items: center;
+    justify-content: center;
+    flex-direction: row;
+}