import React from "react";

import { CheckPlansProps } from "@shared/types/micro-components";

export type PrimaryHeroVideo = {
  url?: string;
  title?: string;
};

export type PrimaryHeroProps = {
  title: string;
  showAsHeading?: boolean;
  subTitle?: string;
  price?: string;
  priceSuffix?: string;
  priceCallout?: string;
  pricingDescription?: string;
  pricingDescriptionDisclaimer?: string;
  checklist?: {
    title: string;
    iconUrl?: string;
    anchorId?: string;
  }[];
  logoLockup?: string;
  checkAvailabilityEyebrow?: string;
  primaryCtaPrefix1?: string;
  primaryCtaPrefix2?: string;
  primaryCta1?: any;
  primaryCta2?: any;
  hideOnMobileCta1?: boolean;
  hideOnMobileCta2?: boolean;
  secondaryCtaPrefix?: string;
  secondaryCta?: any;
  bottomLink?: any;
  carouselImages?: string[];
  heroVideo?: PrimaryHeroVideo;
  heroVideoMobile?: PrimaryHeroVideo;
  squareImage?: boolean;
  badgeImage?: string;
  textColor?: "light" | "dark";
  maxWidth?: boolean;
  renderCheckPlans?: (overrides?: CheckPlansProps) => React.ReactNode;
  onModalButtonClick?: (id?: string) => void;
};