Merge pull request #2 from lonkaars/nextjs

move from react routing thingy to next.js

1 files changed, 39 insertions, 0 deletions

diff --git a/components/voerBord.tsx b/components/voerBord.tsx
new file mode 100644
index 0000000..3e319a1
--- /dev/null
+++ b/components/voerBord.tsx
@@ -0,0 +1,39 @@
+interface VoerBordProps {
+	width: number;
+	height: number;
+}
+
+export function VoerBord(props: VoerBordProps) {
+	return <table style={{
+		borderSpacing: 8,
+		width: "100%"
+	}}>
+		<tbody>
+			{
+				[...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
+								}}/>
+							</td>
+						))}
+					</tr>
+				))
+			}
+		</tbody>
+	</table>
+}