"use client";

import { Mic2 } from "lucide-react";
import { useTranslations } from "next-intl";

/** Voiceover tab body (same content as legacy TtsSidebarContent). */
export function AudioSidebarVoiceoverPane() {
  const t = useTranslations(
    "auto.componentsStudioSidebarAudioSidebarVoiceoverPane"
  );

  return (
    <div className="flex flex-col items-center rounded-xl border border-dashed border-gray-200 bg-gray-50 px-4 py-10 text-center">
      <Mic2 className="h-10 w-10 text-violet-400" aria-hidden />
      <p className="mt-4 text-sm font-medium text-gray-300">{t("comingSoon")}</p>
      <p className="mt-1 max-w-[180px] text-xs text-gray-500">
        {t("description")}
      </p>
    </div>
  );
}
