Add generic content boxes.

index.ts

@@ -4,6 +4,7 @@ export * from "./src/Application/Application";
 export * from "./src/Application/ApplicationError";
 export * from "./src/Application/Kernel";
 
+export * from "./src/Components/Box";
 export * from "./src/Components/Card";
 export * from "./src/Components/Buttons/Buttons";
 export * from "./src/Components/Curtains/Curtains";

src/Components/Box.tsx

@@ -0,0 +1,14 @@
+import React, {PropsWithChildren} from "react";
+import {classes} from "../Utils";
+
+/**
+ * Content box generic component.
+ */
+export function Box({children, className, ...props}: PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>): React.ReactElement
+{
+	return (
+		<div className={classes("box", className)} {...props}>
+			{children}
+		</div>
+	);
+}

src/Components/Card.tsx

@@ -1,6 +1,9 @@
 import React, {PropsWithChildren} from "react";
 import {classes} from "../Utils";
 
+/**
+ * Content card component.
+ */
 export function Card({children, className, ...props}: PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>): React.ReactElement
 {
 	return (

src/styles/components/_box.less

@@ -0,0 +1,12 @@
+.box
+{
+	margin: 0.5em auto;
+	width: 50em;
+	max-width: 95%;
+	box-sizing: border-box;
+
+	h1, h2, h3, h4, h5, h6
+	{
+		margin: 0.33em 0 0.5em 0;
+	}
+}