frontend/app/components/TitledColumn.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

import React from "react";

type Props = {
  children: React.ReactNode;
  title: React.ReactNode;
  className?: string;
};

export default function TitledColumn({ children, title, className }: Props) {
  return (
    <div className={`p-4 flex flex-col gap-4 ${className}`}>
      <div className="text-center text-xl font-bold">{title}</div>
      {children}
    </div>
  );
}