1 files changed, 27 insertions, 0 deletions
diff --git a/app/lib/camera/component/cardFoto.tsx b/app/lib/camera/component/cardFoto.tsx
new file mode 100644
index 0000000..34da216
--- /dev/null
+++ b/app/lib/camera/component/cardFoto.tsx
@@ -0,0 +1,27 @@
+import { Card, CardContent, Typography } from "@mui/material";
+import Image from "next/image";
+import React from "react";
+import useCameraStore from "../hooks/useCameraStore";
+
+const CardFotos = () => {
+    const { imagePackage } = useCameraStore();
+    return (
+      <Card sx={{ maxWidth: 200 }}>
+        <Image
+          src={imagePackage ?? ''}
+          alt="Captured"
+          layout="fill"
+          objectFit="cover"
+          unoptimized
+          className="p-2"
+        />
+        <CardContent>
+          <Typography gutterBottom variant="h5" component="div">
+            Lizard
+          </Typography>
+        </CardContent>
+      </Card>
+    );
+}
+
+export default CardFotos