import * as React from "react" import { cn } from "@/lib/utils" import { MTGCardProps } from "@/components/ui/mtg-card" import { MTGCard } from '@/components/ui/mtg-card' interface carte_from_stats { id: string, name: string, normal_image: string, sanitized_name: string, nbr_decks: number, total_decks: number, percent_decks: number, price: string, cardmarket_uri: string } interface CardGroupProps { className?: string, groupName: string, cards: carte_from_stats[], showPrice?: boolean, showStats?: boolean, showPercent?: boolean, id?: string, Icon?: any } const CardGroup = ({ className, groupName, cards, showPrice=true, showStats=true,showPercent=true, id, Icon}: CardGroupProps) => { return (
{ Icon && ( )}

{groupName}

{cards.map((card: carte_from_stats) => ( ))}
)} MTGCard.displayName = "MTGCard" export { CardGroup }