basic drawing

src/components/Hand.tsx

@@ -0,0 +1,24 @@
+import { Component, For } from "solid-js";
+import Card from "./Card";
+import { Hand } from "../types/cards";
+
+export default ((props) => {
+	return (
+		<div
+			style={{
+				border: "2px dashed white",
+				"border-radius": "12px",
+				margin: "10px",
+				"margin-bottom": "25px",
+				padding: "10px",
+				height: "200px",
+				overflow: "scroll",
+				"scrollbar-width": "none",
+				display: "flex",
+				gap: "5px",
+			}}
+		>
+			<For each={props.hand}>{(card) => <Card card={card} />}</For>
+		</div>
+	);
+}) satisfies Component<{ hand: Hand }>;