From 83d1a1c558293e1b14c9a5847628e7661f749c66 Mon Sep 17 00:00:00 2001
From: trisusilo48 <tri.susilo@altama.co.id>
Date: Mon, 21 Oct 2024 14:54:11 +0700
Subject: initial commit

---
 app/lib/camera/component/cardFoto.tsx | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 app/lib/camera/component/cardFoto.tsx

(limited to 'app/lib/camera/component/cardFoto.tsx')

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
-- 
cgit v1.2.3

