1 files changed, 43 insertions, 0 deletions
diff --git a/src/components/voerBord.tsx b/src/components/voerBord.tsx
new file mode 100644
index 0000000..28de567
--- /dev/null
+++ b/src/components/voerBord.tsx
@@ -0,0 +1,43 @@
+interface VoerBordProps {
+	width: number;
+	height: number;
+}
+
+export function VoerBord(props: VoerBordProps) {
+	return <table style={{
+		borderSpacing: 8,
+		width: "100%"
+	}}>
+	{
+		[...Array(props.height)].map(() => (
+			<tr>
+				{[...Array(props.width)].map(() => (
+					<td style={{
+						position: "relative",
+						width: "100%",
+						padding: 0
+					}}>
+						<div style={{
+							display: "block",
+							marginTop: "100%"
+						}}/>
+						<div style={{
+							position: "absolute",
+							top: 0, left: 0, right: 0, bottom: 0,
+							borderRadius: 6,
+							border: "2px solid var(--background-alt)",
+							opacity: .5
+						}}/>
+						<div style={{
+							position: "absolute",
+							top: 2, left: 2, right: 2, bottom: 2,
+							backgroundColor: "var(--disk-a)",
+							borderRadius: 999999
+						}}/>
+					</td>
+				))}
+			</tr>
+		))
+	}
+	</table>
+}