refactor(frontend): TwoColumnLayout/ThreeColumnLayout

1 files changed, 13 insertions, 0 deletions

diff --git a/frontend/app/components/ThreeColumnLayout.tsx b/frontend/app/components/ThreeColumnLayout.tsx
new file mode 100644
index 0000000..42533b7
--- /dev/null
+++ b/frontend/app/components/ThreeColumnLayout.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+
+type Props = {
+	children: React.ReactNode;
+};
+
+export default function ThreeColumnLayout({ children }: Props) {
+	return (
+		<div className="grow grid grid-cols-3 divide-x divide-gray-300">
+			{children}
+		</div>
+	);
+}