import { ArrowLeft } from "lucide-react";
import AddCB from "../../../../../components/personal/Database/AddCB";
import Link from "next/link";

const ViewCB = () => {

  return (
    <div className="bg-white mx-10 rounded-xl p-5 shadow-md border border-gray-300">
      <div className="flex justify-between items-center border-b border-gray-200 pb-4 mb-4">
        <Link
          href={"/personal/database"}
          className="flex items-center gap-2 text-gray-700 hover:text-gray-900"
        >
          <ArrowLeft size={20} /> Back
        </Link>
        <div className="text-3xl font-bold">View CB</div>
      </div>
      <AddCB view={true} />
    </div>
  );
};

export default ViewCB;