import HeaderClient from "./header";
import { fetchPageData } from "@/services/api";
import { HeaderProps } from "@/types/header";

export default async function Header({ data: initialData }: HeaderProps) {
  let data = initialData;
  if (!data) {
    try {
      const headerResponse = await fetchPageData<HeaderProps>("header", { method: "GET" });
      data = headerResponse.data;
    } catch (error) {
      console.error("Error fetching header data inside Header component:", error);
    }
  }

  if (!data) {
    return null;
  }

  return <HeaderClient data={data} />;
}