Render the top game section

src/components/top-section/index.ts

@@ -0,0 +1 @@
+export * from "./top";

src/components/top-section/legend/legend.module.scss.d.ts

@@ -0,0 +1,17 @@
+// autogenerated by typings-for-css-modules-loader.
+// Please do not change this file!
+declare namespace LegendModuleScssNamespace {
+  export interface ILegendModuleScss {
+    firstAction: string;
+    flagComboParent: string;
+    legendParent: string;
+    secondAction: string;
+  }
+}
+
+declare const LegendModuleScssModule: LegendModuleScssNamespace.ILegendModuleScss & {
+  /** WARNING: Only available when `css-loader` is used without `style-loader` or `mini-css-extract-plugin` */
+  locals: LegendModuleScssNamespace.ILegendModuleScss;
+};
+
+export = LegendModuleScssModule;

src/components/top-section/top.module.scss.d.ts

@@ -0,0 +1,15 @@
+// autogenerated by typings-for-css-modules-loader.
+// Please do not change this file!
+declare namespace TopModuleScssNamespace {
+  export interface ITopModuleScss {
+    gameName: string;
+    headerContainer: string;
+  }
+}
+
+declare const TopModuleScssModule: TopModuleScssNamespace.ITopModuleScss & {
+  /** WARNING: Only available when `css-loader` is used without `style-loader` or `mini-css-extract-plugin` */
+  locals: TopModuleScssNamespace.ITopModuleScss;
+};
+
+export = TopModuleScssModule;

src/components/Top/top.tsx → src/components/top-section/top.tsx

@@ -1,4 +1,4 @@
-import { Legend, LegendProps } from "@components/Top/legend";
+import { Legend, LegendProps } from "@components/top-section/legend";
 import React, { FunctionComponent, PropsWithChildren } from "react";
 
 import styles from "./top.module.scss";

src/index.tsx

@@ -2,17 +2,23 @@ import "@styles/styles.scss";
 import "normalize.css/normalize.css";
 
 import { App } from "@components/app";
+import { Top } from "@components/top-section";
 import React from "react";
 import { createRoot } from "react-dom/client";
-import Segment from "react-segment-analytics";
+
+// import Segment from "react-segment-analytics";
 
 const container = document.getElementById("root") as HTMLElement;
 const root = createRoot(container);
 
+// @ts-ignore
 root.render(
   <React.StrictMode>
-    <Segment writeKey={process.env.SEGMENT_WRITE_KEY as string}>
-      <App />
-    </Segment>
+    {/*<Segment writeKey={process.env.SEGMENT_WRITE_KEY as string}>*/}
+    {/*<App />*/}
+    <Top feature="Flag for the bomb" firstAction="alt" secondAction="click">
+      Minesweeper
+    </Top>
+    {/*</Segment>*/}
   </React.StrictMode>
 );