aboutsummaryrefslogtreecommitdiffhomepage
path: root/frontend/app/components/TitledColumn.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/app/components/TitledColumn.tsx')
-rw-r--r--frontend/app/components/TitledColumn.tsx15
1 files changed, 15 insertions, 0 deletions
diff --git a/frontend/app/components/TitledColumn.tsx b/frontend/app/components/TitledColumn.tsx
new file mode 100644
index 0000000..4272ad4
--- /dev/null
+++ b/frontend/app/components/TitledColumn.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+
+type Props = {
+ children: React.ReactNode;
+ title: React.ReactNode;
+};
+
+export default function TitledColumn({ children, title }: Props) {
+ return (
+ <div className="p-4 flex flex-col gap-4">
+ <div className="text-center text-xl font-bold">{title}</div>
+ {children}
+ </div>
+ );
+}