aboutsummaryrefslogtreecommitdiff
path: root/src/components/vierkant.tsx
blob: 6140e7ae063132a8f9e1d5eeebf2d8978f6870b9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
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",
	position: "relative"
}

export class Vierkant extends Component {
	render () {
		return <div style={VierkantStyle}>
			{this.props.children}
		</div>
	}
}