import { getTranslations } from "next-intl/server";
import { DashboardLayout, DashboardBreadcrump } from "@/components/layout/dashboard";
import { MediaBulkUpload } from "@/components/dashboard/media/media-bulk-upload";
import { Routes } from "@/config/routes";

export default async function Page() {
    const t = await getTranslations("dashboard.media");

    return (
        <DashboardLayout
          title={t("editor.createMany.title")}
          description={t("editor.createMany.description")}
          back={Routes.DASHBOARD.MEDIA_LIST}>
            <DashboardBreadcrump>
                <DashboardBreadcrump.Item href={Routes.DASHBOARD.MEDIA_LIST}>{t("list.title")}</DashboardBreadcrump.Item>
                <DashboardBreadcrump.Item active>{t("editor.createMany.title")}</DashboardBreadcrump.Item>
            </DashboardBreadcrump>

            <MediaBulkUpload />
        </DashboardLayout>
    );
}