1 files changed, 19 insertions, 0 deletions
diff --git a/src/components/vierkant.tsx b/src/components/vierkant.tsx
new file mode 100644
index 0000000..cfb843e
--- /dev/null
+++ b/src/components/vierkant.tsx
@@ -0,0 +1,19 @@
+import { Component, CSSProperties } from "react";
+
+var VierkantStyle: CSSProperties = {
+	padding: 24,
+	backgroundColor: "var(--background)",
+	borderRadius: 8,
+	color: "var(--text)",
+	margin: 6, // geen margin collapse = 12px marge
+	display: "inline-block"
+}
+
+export class Vierkant extends Component {
+	render () {
+		return <div style={VierkantStyle}>
+			{this.props.children}
+		</div>
+	}
+}
+