mediahub-fe/app/[locale]/(protected)/admin/broadcast/page.tsx

"use client";
import SiteBreadcrumb from "@/components/site-breadcrumb";
import BroadcastTable from "./email/component/table";
import { PlusIcon } from "lucide-react";

import EscalationTable from "../../shared/communication/escalation/components/escalation-table";
import InternalTable from "../../shared/communication/internal/components/internal-table";
import { useState } from "react";
import { Link } from "@/i18n/routing";
import { Button } from "@/components/ui/button";
import BroadcastEmailTable from "./email/component/table";
import BroadcastWhatsAppTable from "./whatsapp/component/table";

export default function AdminBroadcast() {
  const [tab, setTab] = useState("Email Blast");
  return (
    <div>
      <SiteBreadcrumb />
      <div className="w-full overflow-x-auto bg-white p-4 rounded-sm space-y-3">
        {tab === "Email Blast" && <BroadcastEmailTable />}
        {tab === "WhatsApp Blast" && <BroadcastWhatsAppTable />}
      </div>
    </div>
  );
}