app/lib/camera/component/cardFoto.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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