add styles

src/App.tsx

@@ -4,7 +4,7 @@ import './App.css'
 function App() {
   return (
     <>
-      <Card/>
+      <Card title='Hello react'/>
     </>
   )
 }

src/components/Card/Card.css

@@ -4,4 +4,7 @@
     border-radius: 15px;
     border: 1px solid gray;
     background-color: gray;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
\ No newline at end of file

src/components/Card/Card.tsx

+import Text from '../Text/Text'
 import './Card.css'
 
-const Card = () => {
+type TProps = {
+    title: string
+}
+
+const Card = ({title}: TProps) => {
     return (
         <div className='Card'>
-
+            <Text title={title}/>
         </div>
     )
 }

src/components/Text/Text.css

+.text {
+    color: white;
+    font-size: 18px;
+}
\ No newline at end of file

src/components/Text/Text.tsx

+import './Text.css'
+
+type TProps = {
+    title: string
+}
+
+const Text = ({title}: TProps) => {
+    return (
+        <p className='text'>
+            {title}
+        </p>
+    )   
+}
+
+export default Text
\ No newline at end of file