'use client';

import { useEffect, useState } from "react";
import { FooterBlockDto } from "./FooterBlockUtils";
import { defaultFooter } from "../../../../utils/defaultFooter";
import {FooterVariantColumns} from "./FooterVariantColumns";
import {FooterVariantSimple} from "./FooterVariantSimple";
import { useApp } from "../../../../../../hooks";

export  function FooterBlock({ item }: { item?: FooterBlockDto }) {
  const { t } = useApp();
  const [footer, setFooter] = useState(item);
  useEffect(() => {
    if (!footer) {
      setFooter(defaultFooter({ t }));
    } else {
      setFooter(item);
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [item]);
  return (
    <>
      {footer && (
        <>
          {footer.style === "simple" && <FooterVariantSimple item={footer} />}
          {footer.style === "columns" && <FooterVariantColumns item={footer} />}
        </>
      )}
    </>
  );
}