import { getServerLocale } from "@/lib/i18n/server";
import { Header } from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";
import ChannelDetailShell from "@/features/channel/components/ChannelDetailShell";

interface Props {
  params: Promise<{ slug: string }>;
}

export default async function ChannelPage({ params }: Props) {
  const { slug } = await params;
  const channelId = parseInt(slug, 10);
  const locale = await getServerLocale();

  return (
    <div className="dt-fade-in">
      <Header locale={locale} />
      <ChannelDetailShell channelId={isNaN(channelId) ? 0 : channelId} />
      <Footer locale={locale} />
    </div>
  );
}