From e0d274599def2af74adf706123d0e5ec3b94992e Mon Sep 17 00:00:00 2001
From: BarkleyRhoat <barkleyrhoat@gmail.com>
Date: Mon, 8 Jun 2026 09:46:17 -0400
Subject: [PATCH] completed lab

---
 src/components/App.js | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/components/App.js b/src/components/App.js
index e0f227ac3..5d3c1c3bd 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,21 +1,22 @@
 import React from "react";
-import { format } from "date-fns";
 import ExampleComponent from "./ExampleComponent";
+import TestComponent from "./TestComponent";
 
 // Add your code own within the return statement
 function App() {
   return (
-    <div className="App">
-      <h1>{format(new Date(), "MMMM do yyyy, h:mm:ss a")}</h1>
-      <p className="App-intro">
-        In React apps, we write JSX - it looks like HTML, and uses a lot of HTML
-        syntax. JSX lets us include JavaScript functions right along with the
-        HTML, and also allows us to add in components, which are separate,
-        self-contained chunks of JSX.
-      </p>
-      <ExampleComponent />
-    </div>
-  );
+		<div className="App">
+			<h1>Now</h1>
+			<p className="App-intro">
+				In React apps, we write JSX - it looks like HTML, and uses a lot of HTML
+				syntax. JSX lets us include JavaScript functions right along with the
+				HTML, and also allows us to add in components, which are separate,
+				self-contained chunks of JSX.
+			</p>
+			<ExampleComponent />
+			<TestComponent />
+		</div>
+	);
 }
 
 export default App;