add typescript example

6-React/class-02-components/src/main.tsx

@@ -1,9 +1,9 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './pages/App.tsx'
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { App } from "./pages/App.tsx";
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
+ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-)
+  </React.StrictMode>
+);

6-React/class-02-components/src/pages/App.tsx

@@ -1,12 +1,10 @@
 import { CardProfile } from "../components/CardProfile";
 
-function App() {
+export function App() {
   return (
     <>
-      <h1 style={{textAlign: "center"}}>Class Components</h1>
+      <h1 style={{ textAlign: "center" }}>Class Components</h1>
       <CardProfile gitHub={"EmanuelQuintino"} name={"Emanuel Quintino"} age={30} />
     </>
   );
 }
-
-export default App;

6-React/class-02-components/src/typescript.ts

@@ -0,0 +1,12 @@
+type User = {
+  name: string;
+  age: number;
+};
+
+function user(user: User) {
+  console.log(user);
+  console.log(user.name);
+  console.log(user.age);
+}
+
+user({ name: "Emanuel", age: 30 });