micro:bit Image

src/view/components/cpx/Cpx.tsx

@@ -1,3 +1,6 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
 import * as React from "react";
 import Simulator from "../../components/Simulator";
 import { TOOLBAR_ICON_ID } from "../../components/toolbar/SensorModalUtils";

src/view/components/microbit/Microbit.tsx

@@ -0,0 +1,21 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+import * as React from "react";
+import "../../styles/Simulator.css";
+import { MicrobitImage } from "./MicrobitImage";
+
+// Component grouping the functionality for micro:bit functionalities
+
+export class Microbit extends React.Component {
+    render() {
+        return (
+            <div className="simulator">
+                <div className="microbit-container">
+                    <MicrobitImage />
+                </div>
+                {/* Implement actionbar here */}
+            </div>
+        );
+    }
+}

src/view/components/microbit/MicrobitImage.tsx

@@ -0,0 +1,10 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+import * as React from "react";
+import "../../styles/Microbit.css";
+import { MICROBIT_SVG } from "./Microbit_svg";
+
+export const MicrobitImage: React.FC = () => {
+    return MICROBIT_SVG;
+};