export type HeroBlockDto = {
  style: HeroBlockStyle;
  headline: string;
  description: string;
  topText?: TextWithLinkDto;
  image?: string;
  cta: {
    text: string;
    href: string;
    isPrimary: boolean;
    target?: string;
  }[];
  bottomText?: TextWithLinkDto;
};

export const HeroBlockStyles = [
  { value: "variant1", name: "variant1" },
  { value: "simple", name: "simple" },
  { value: "rightImage", name: "rightImage" },
  { value: "topImage", name: "topImage" },
  { value: "bottomImage", name: "bottomImage" },
] as const;
export type HeroBlockStyle = (typeof HeroBlockStyles)[number]["value"];

interface TextWithLinkDto {
  text?: string;
  link?: {
    text?: string;
    href?: string;
    target?: string;
  };
}

export const defaultHeroBlock: HeroBlockDto = {
  style: "simple",
  headline: "Hero Headline",
  description: "Hero Description",
  image: "https://via.placeholder.com/720x600?text=Your%20Hero%20Image",
  topText: {
    text: "Top text",
    link: { text: "Link", href: "#" },
  },
  cta: [
    { text: "Primary CTA", href: "#", isPrimary: true },
    { text: "Secondary CTA", href: "#", isPrimary: false },
  ],
  bottomText: {
    text: "Bottom text",
    link: { text: "Link", href: "#" },
  },
};