card-deck-balatro-demo

1import {
2  CardDeckContainer,
3  CardDeckItem,
4} from "@/components/ui/card-deck"
5 
6export default function CardDeckBalatroDemo() {
7  const images = [
8    {
9      src: "/images/stock/balatro/ace.webp",
10      alt: "Balatro Ace Card",
11    },
12    {
13      src: "/images/stock/balatro/king.png",
14      alt: "Balatro King Card",
15    },
16    {
17      src: "/images/stock/balatro/queen.png",
18      alt: "Balatro Queen Card",
19    },
20    {
21      src: "/images/stock/balatro/joker.png",
22      alt: "Balatro Joker Card",
23    },
24    {
25      src: "/images/stock/balatro/4.png",
26      alt: "Balatro Four Card",
27    },
28  ]
29 
30  return (
31    <div className="my-6 flex h-full w-full items-center justify-center p-12">
32      <CardDeckContainer>
33        {images.map((image, index) => (
34          <CardDeckItem key={index} className="rounded-none">
35            <img
36              className="h-auto w-full object-cover"
37              src={image.src}
38              alt={image.alt}
39            />
40          </CardDeckItem>
41        ))}
42      </CardDeckContainer>
43    </div>
44  )
45}