create card component

Author: antonio06

src/pods/card/card-component.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import Typography from '@mui/material/Typography';
+import Button from '@mui/material/Button';
+
+export const CardComponent: React.FC = () => {
+
+  return (
+    <div>
+      <h1>1/8</h1>
+      <Typography>Soccer</Typography>
+      <Button onClick={() => {
+        console.log('hola')
+      }}>Ver respuesta</Button>
+    </div>
+  )
+}

src/pods/card/card.pod.tsx

@@ -1,8 +1,11 @@
 import React from 'react';
 import { useParams } from '@tanstack/react-router';
+import { CardComponent } from './card-component';
 
 export const DeckPod: React.FC = () => {
   const { deckId } = useParams({ strict: false });
 
-  return <h1>Card component {deckId}</h1>
+  return (
+    <CardComponent />
+  )
 }