jfr-0099/week-11-sharing

src/App.tsx

@@ -4,13 +4,14 @@ import Welcome from "./Welcome";
 import PizzaToppings from "./PizzaToppings";
 import TsteeleComponent from "./TsteeleComponent";
 import ThamiltonComponent from "./ThamiltonComponent";
-import DweiseComponent from "./DweiseAccordionComponent";
-import CBaresComponent from "./CBaresComponent";
-import ZsmuckerbryanComponent from "./ZsmuckerbryanComponent";
-import MrooneyButton from "./mrooneyButton";
-import LmeierComponent from "./LmeierComponent";
+import DweiseComponent from './DweiseAccordionComponent';
+import CBaresComponent from './CBaresComponent';
+import ZsmuckerbryanComponent from './ZsmuckerbryanComponent';
+import MrooneyButton from './mrooneyButton';
+import LmeierComponent from './LmeierComponent';
 import SkhangComponent from "./SkhangComponent";
 import KnorbuComponent from './KnorbuComponent';
+import Jfr0099Component from './jJfr0099Component';
 
 const App = () => {
   return (
@@ -27,6 +28,7 @@ const App = () => {
       <LmeierComponent />
       <SkhangComponent />
       <KnorbuComponent />
+      <Jfr0099Component />
     </div>
   );
 };

src/jJfr0099Component.tsx

@@ -0,0 +1,22 @@
+import { Card, Spinner } from "react-bootstrap";
+
+const Jfr0099Component = () => {
+
+    return (
+        <Card className="my-3">
+            <Card.Body>
+                <Card.Title>
+                    jfr-0099 Component
+                </Card.Title>
+                <div>
+                  <p>The Spinner</p>
+                  <Spinner animation="border" role="status">
+                    <span className="visually-hidden">Loading...</span>
+                 </Spinner>
+                </div>
+            </Card.Body>
+        </Card>
+    );
+};
+
+export default Jfr0099Component;