front/src/components/BoxContainer.tsx

import React from "react";

export default function BoxContainer({
  children,
  headerName,
}: {
  children?: React.ReactNode | React.ReactNode[];
  headerName?: string;
}) {
  return (
    <div className="flex items-center justify-center h-screen">
      <div className="flex flex-col bg-white h-3/4 w-[40%] mt-0 rounded-xl border-gray-700 shadow-lg">
        <div className="ml-0 border-b items-center p-4 font-bold bg-gray-50">
          {headerName}
        </div>
        {children}
      </div>
    </div>
  );
}