frontend/app/components/BorderedContainerWithCaption.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import React from "react";
import BorderedContainer from "./BorderedContainer";

type Props = {
  caption: string;
  children: React.ReactNode;
};

export default function BorderedContainerWithCaption({
  caption,
  children,
}: Props) {
  return (
    <BorderedContainer>
      <div className="flex flex-col gap-4">
        <h2 className="text-center text-lg font-semibold">{caption}</h2>
        {children}
      </div>
    </BorderedContainer>
  );
}