'use client';

import { useEffect, useState } from "react";
import { HeaderBlockDto } from "./HeaderBlockUtils";
import { defaultHeader } from "../../../../utils/defaultHeader";
import { HeaderVariantSimple } from "./HeaderVariantSimple";

export function HeaderBlock({ item }: { item?: HeaderBlockDto }) {
  const [header, setHeader] = useState(defaultHeader);
  useEffect(() => {
    setHeader(item ?? defaultHeader);
  }, [item]);
  return <>{header && <>{header.style === "simple" && <HeaderVariantSimple item={header} />}</>}</>;
}