import { getBannerByPlacement } from "@/lib/queries/banners";
import {
  PromoBanner,
  getDefaultCommunityBanner,
  type PromoBannerData,
} from "@/components/shared/PromoBanner";

export async function CommunityBanner() {
  const banner = await getBannerByPlacement("community");

  const data: PromoBannerData = banner
    ? {
        eyebrow: banner.eyebrow,
        title: banner.title,
        subtitle: banner.subtitle,
        imageUrl: banner.imageUrl,
        cta1Text: banner.cta1Text,
        cta1Url: banner.cta1Url,
        cta2Text: banner.cta2Text,
        cta2Url: banner.cta2Url,
      }
    : getDefaultCommunityBanner();

  return <PromoBanner banner={data} />;
}