import { HeroBlockDto } from "./HeroBlockUtils";
import {HeroVariantSimple} from "./HeroVariantSimple";
import {HeroVariantRightImage} from "./HeroVariantRightImage";
import {HeroVariantTopImage} from "./HeroVariantTopImage";
import {HeroVariantBottomImage} from "./HeroVariantBottomImage";
import { HeroVariant1 } from "./HeroVariant1";

export  function HeroBlock({ item }: { item: HeroBlockDto }) {
  return (
    <>
    {/*   {item.style === "variant1" && <HeroVariant1 item={item} />} */}
      {item.style === "simple" && <HeroVariantSimple item={item} />}
    {/*   {item.style === "rightImage" && <HeroVariantRightImage item={item} />}
      {item.style === "topImage" && <HeroVariantTopImage item={item} />}
      {item.style === "bottomImage" && <HeroVariantBottomImage item={item} />} */}
    </>
  );
}