cards render well

src/types/cards.ts

@@ -1,9 +1,13 @@
-export type Suit = "hearts" | "diamonds" | "spades" | "clubs";
+export type Suit = "heart" | "diamond" | "spade" | "club";
 
-export type Card = {
-	suit: Suit;
-	value: number;
-};
+type Rank = number | "jack" | "queen" | "king" | "ace";
+export type Card =
+	| {
+			kind: "normal";
+			suit: Suit;
+			rank: Rank;
+	  }
+	| { kind: "joker"; color: "red" | "black" };
 
 export type Pile = Card[];
 export type Stack = Card[];