import Title from "@/Components/ui/Title";
import React, { ReactNode } from "react";

interface BoxProps {
  children: ReactNode;
  text: string;
}

export default function Box({ children, text }: BoxProps) {
  return (
    <div className="flex justify-center mt-5 items-center mx-2.5">
      <div className="px-3  py-7 rounded-xl bg-white max-w-[1500px] dark:bg-neutral-900 w-full  shadow-xl">
        <Title text={text} className="text-left mb-8 mx-3.5 " />

        {children}
      </div>
    </div>
  );
}
