'use client';

import { HeadingBlockDto } from "./HeadingBlockUtils";
import {HeadingVariantCentered} from "./HeadingVariantCentered";
import {HeadingVariantLeft} from "./HeadingVariantLeft";
import {HeadingVariantRight} from "./HeadingVariantRight";

export  function HeadingBlock({ item }: { item: HeadingBlockDto }) {
  return (
    <>
      {item.style === "left" && <HeadingVariantLeft item={item} />}
      {item.style === "centered" && <HeadingVariantCentered item={item} />}
      {item.style === "right" && <HeadingVariantRight item={item} />}
    </>
  );
}