@axos-web-dev/shared-components 1.0.100-dev.85 → 1.0.100-dev.86-videoPoster

package/dist/HeroBanner/HeroBanner.js

@@ -16,8 +16,8 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 import { getVariant } from "../utils/getVariant.js";
 import Image from "next/image.js";
 import clsx from "clsx";
-import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_bullet_item, hero_sub_bullets, hero_btns, hero_img, img_contents, reversed_lg_image } from "./HeroBanner.css.js";
-import { lg_hero_banner, lg_hero_content, lg_hero_text, lg_hero_eyebrow, lg_headline_text, lg_hero_img, lg_hero_sizing } from "./LargeBanner.css.js";
+import { LargeHeroBanner } from "./LargeHeroBanner.js";
+import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_bullet_item, hero_sub_bullets, hero_btns, hero_img, img_contents } from "./HeroBanner.css.js";
 import { selection_section_icon_img, selection_section_icon, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
 const HeroBanner = ({
   id,
@@ -32,7 +32,9 @@ const HeroBanner = ({
   imagePlacement = "Right",
   variant,
   selection,
-  isSelectionBanner = false
+  isSelectionBanner = false,
+  video,
+  videoTextPosition
 }) => {
   return /* @__PURE__ */ jsx(Fragment, { children: bannerType === "Hero" || bannerType === "Logout" ? /* @__PURE__ */ jsx(
     "section",
@@ -270,158 +272,20 @@ const HeroBanner = ({
     },
     id
   ) : /* @__PURE__ */ jsx(
-    "section",
+    LargeHeroBanner,
     {
-      className: lg_hero_banner({ variant: getVariant(variant) }),
       id,
-      children: /* @__PURE__ */ jsx("div", { className: `${hero_wrapper} containment`, children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: `${lg_hero_content} ${imagePlacement !== "Right" ? reversed : ""} flex between middle `,
-          children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: `${lg_hero_text({ variant: getVariant(variant) })} rounded`,
-                children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
-                  eyebrow && /* @__PURE__ */ jsx(
-                    "h1",
-                    {
-                      className: lg_hero_eyebrow({
-                        variant: getVariant(variant)
-                      }),
-                      children: eyebrow
-                    }
-                  ),
-                  eyebrow ? /* @__PURE__ */ jsx(
-                    "h2",
-                    {
-                      className: lg_headline_text({
-                        variant: getVariant(variant)
-                      }),
-                      children: headline
-                    }
-                  ) : /* @__PURE__ */ jsx(
-                    "h1",
-                    {
-                      className: lg_headline_text({
-                        variant: getVariant(variant)
-                      }),
-                      children: headline
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("div", { className: "push_up", children: [
-                    /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }),
-                    bullets && bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up_24", children: bullets.map(
-                      ({ id: id2, icon, copy, subBullet }) => !subBullet ? /* @__PURE__ */ jsxs(
-                        "li",
-                        {
-                          className: `list_item flex ${hero_bullet_item}`,
-                          children: [
-                            /* @__PURE__ */ jsx("div", { className: "img_item", children: getVariant(variant) ? /* @__PURE__ */ jsx(
-                              SvgCheckIcon,
-                              {
-                                variant: getVariant(variant) === "primary" || getVariant(variant) === "secondary" ? "secondary" : "primary"
-                              }
-                            ) : /* @__PURE__ */ jsx("img", { src: icon?.src, alt: icon?.altText }) }),
-                            /* @__PURE__ */ jsx("span", { children: copy })
-                          ]
-                        },
-                        id2
-                      ) : /* @__PURE__ */ jsx(
-                        "ul",
-                        {
-                          className: clsx(
-                            hero_sub_bullets,
-                            "mb_0",
-                            "push_up"
-                          ),
-                          children: /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
-                            /* @__PURE__ */ jsx("div", { className: "img_item", children: /* @__PURE__ */ jsx(
-                              "img",
-                              {
-                                style: { maxWidth: "max-content" },
-                                src: icon?.src,
-                                alt: icon?.altText
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("span", { children: copy })
-                          ] })
-                        },
-                        id2
-                      )
-                    ) })
-                  ] }),
-                  callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
-                    ({
-                      id: id2,
-                      variant: variant2,
-                      displayText,
-                      targetUrl,
-                      type,
-                      newTab
-                    }) => type === "Button" ? /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        targetUrl,
-                        color: getVariant(variant2),
-                        size: "large",
-                        rounded: "medium",
-                        newTab,
-                        children: displayText
-                      },
-                      id2
-                    ) : /* @__PURE__ */ jsx(
-                      Chevron,
-                      {
-                        targetUrl,
-                        variant: getVariant(variant2),
-                        newTab,
-                        children: displayText
-                      },
-                      id2
-                    )
-                  ) })
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: `${lg_hero_img} ${imagePlacement !== "Right" ? reversed_lg_image : ""} rounded`,
-                role: "presentation",
-                children: /* @__PURE__ */ jsxs("picture", { className: img_contents, children: [
-                  /* @__PURE__ */ jsx(
-                    "source",
-                    {
-                      srcSet: `https:${image?.src}?fm=avif`,
-                      type: "image/avif"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "source",
-                    {
-                      srcSet: `https:${image?.src}?fm=webp`,
-                      type: "image/webp"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Image,
-                    {
-                      src: `https:${image?.src}?q=85`,
-                      className: lg_hero_sizing,
-                      alt: "",
-                      height: 600,
-                      width: 792,
-                      priority: true
-                    }
-                  )
-                ] })
-              }
-            )
-          ]
-        }
-      ) })
+      eyebrow,
+      headline,
+      bodyCopy,
+      bullets,
+      callToActionRow,
+      image,
+      imagePlacement,
+      variant,
+      bannerType,
+      video,
+      videoTextPosition
     }
   ) });
 };

package/dist/HeroBanner/HeroVideoPoster.d.ts

@@ -0,0 +1,6 @@
+export interface HeroVideoPosterProps {
+    videoId: string;
+    videoPlayer: string;
+    thumbnailImage?: string;
+}
+export declare const HeroVideoPoster: ({ videoId, videoPlayer, thumbnailImage, }: HeroVideoPosterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/HeroBanner/HeroVideoPoster.js

@@ -0,0 +1,154 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { VideoInit } from "../VideoTile/VideoInit.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/VideoTile/VideoTile.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                               */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import "react-use";
+/* empty css                                          */
+/* empty css                                        */
+import "react";
+import "../ImageBillboard/ImageBillboard.css.js";
+import "clsx";
+import "../IconBillboard/IconBillboard.css.js";
+/* empty css                                          */
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+import "../Calculators/calculator.css.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Button/Button.css.js";
+import "../Modal/contextApi/store.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "@hookform/resolvers/zod";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import "../Input/PercentageInput.js";
+import "react-hook-form";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
+import "../Forms/SalesforceFieldsForm.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Chevron/Chevron.css.js";
+/* empty css                                */
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
+/* empty css                                                         */
+import "../Hyperlink/Hyperlink.css.js";
+/* empty css                                                      */
+import "iframe-resizer";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+/* empty css                                    */
+import "react-dom";
+/* empty css                                */
+import "../Auth/SignInPassword.js";
+/* empty css                                              */
+/* empty css                                          */
+/* empty css                                    */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                   */
+/* empty css                                   */
+import "../Chatbot/store/chat.js";
+import "../Chatbot/authenticate.js";
+/* empty css                                    */
+/* empty css                                       */
+import "../Chatbot/store/messages.js";
+/* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
+import "next/image.js";
+import "./HeroBanner.css.js";
+import { player } from "./LargeBanner.css.js";
+import "./SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                          */
+/* empty css                                                         */
+/* empty css                                            */
+/* empty css                                        */
+/* empty css                                              */
+/* empty css                                                      */
+/* empty css                                            */
+import "../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                                      */
+import "next/navigation.js";
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+import "next/link.js";
+/* empty css                                                   */
+/* empty css                                                      */
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                     */
+import "../PageNavItem/PageNavItem.css.js";
+import "react-slick";
+/* empty css                                                 */
+/* empty css                                          */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
+/* empty css                                        */
+/* empty css                                */
+/* empty css                                                  */
+/* empty css                                                */
+/* empty css                                              */
+const HeroVideoPoster = ({
+  videoId,
+  videoPlayer,
+  thumbnailImage
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(VideoInit, {}),
+    /* @__PURE__ */ jsx("div", { className: player, "data-uuid": videoId, children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        style: {
+          width: "100%",
+          margin: "auto",
+          display: "block"
+        },
+        alt: "",
+        className: "vidyard-player-embed",
+        src: thumbnailImage ? thumbnailImage : `https://play.vidyard.com/${videoId}.jpg`,
+        "data-uuid": videoId,
+        "data-v": "4",
+        "data-type": videoPlayer
+      }
+    ) })
+  ] });
+};
+export {
+  HeroVideoPoster
+};

package/dist/HeroBanner/LargeBanner.css.d.ts

@@ -1,3 +1,4 @@
+export declare const video_bg: string;
 export declare const lg_hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -14,24 +15,51 @@ export declare const lg_hero_banner: import('@vanilla-extract/recipes').RuntimeF
         };
     };
 }>;
+export declare const lg_hero_container: string;
 export declare const lg_hero_content: string;
+export declare const content_display_lg: string;
+export declare const lg_hero_content_mobile: string;
 export declare const lg_hero_text: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})`;
+                    color: `var(--${string})`;
+                };
+            };
         };
         secondary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})`;
+                    color: `var(--${string})`;
+                };
+            };
         };
         tertiary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})`;
+                    color: `var(--${string})`;
+                };
+            };
         };
         quaternary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})`;
+                    color: `var(--${string})`;
+                };
+            };
         };
     };
 }>;
@@ -39,15 +67,35 @@ export declare const lg_hero_eyebrow: import('@vanilla-extract/recipes').Runtime
     variant: {
         primary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
         secondary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
         tertiary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
         quaternary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
     };
 }>;
@@ -55,17 +103,79 @@ export declare const lg_headline_text: import('@vanilla-extract/recipes').Runtim
     variant: {
         primary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
         secondary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
         tertiary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
         quaternary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
     };
 }>;
 export declare const lg_hero_img: string;
 export declare const lg_hero_sizing: string;
+export declare const video_wrapper: string;
+export declare const player: string;
+export declare const placement: import('@vanilla-extract/recipes').RuntimeFn<{
+    position: {
+        "top left": {
+            "@media": {
+                "(min-width: 1024px)": {
+                    borderRadius: "0 0 1rem 0";
+                    left: number;
+                    top: number;
+                };
+            };
+        };
+        "top right": {
+            "@media": {
+                "(min-width: 1024px)": {
+                    borderRadius: "0 0 0 1rem";
+                    right: number;
+                    top: number;
+                };
+            };
+        };
+        "bottom left": {
+            "@media": {
+                "(min-width: 1024px)": {
+                    borderRadius: "0 1rem 0 0";
+                    bottom: number;
+                    left: number;
+                };
+            };
+        };
+        "bottom right": {
+            "@media": {
+                "(min-width: 1024px)": {
+                    borderRadius: "1rem 0 0 0";
+                    bottom: number;
+                    right: number;
+                };
+            };
+        };
+    };
+}>;

package/dist/HeroBanner/LargeBanner.css.js

@@ -5,19 +5,33 @@ import '../assets/HeroBanner/LargeBanner.css';import '../assets/Typography/Typog
 /* empty css                                          */
 /* empty css                               */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var lg_hero_banner = createRuntimeFn({ defaultClassName: "_1bsyngo0", variantClassNames: { variant: { primary: "_1bsyngo1", secondary: "_1bsyngo2", tertiary: "_1bsyngo3", quaternary: "_1bsyngo4" } }, defaultVariants: {}, compoundVariants: [] });
-var lg_hero_content = "_1bsyngo5";
-var lg_hero_text = createRuntimeFn({ defaultClassName: "_1bsyngo6", variantClassNames: { variant: { primary: "_1bsyngo7", secondary: "_1bsyngo8", tertiary: "_1bsyngo9", quaternary: "_1bsyngoa" } }, defaultVariants: {}, compoundVariants: [] });
-var lg_hero_eyebrow = createRuntimeFn({ defaultClassName: "_1bsyngob", variantClassNames: { variant: { primary: "_1bsyngoc", secondary: "_1bsyngod", tertiary: "_1bsyngoe", quaternary: "_1bsyngof" } }, defaultVariants: {}, compoundVariants: [] });
-var lg_headline_text = createRuntimeFn({ defaultClassName: "_1bsyngog", variantClassNames: { variant: { primary: "_1bsyngoh", secondary: "_1bsyngoi", tertiary: "_1bsyngoj", quaternary: "_1bsyngok" } }, defaultVariants: {}, compoundVariants: [] });
-var lg_hero_img = "_1bsyngol";
-var lg_hero_sizing = "_1bsyngom";
+var video_bg = "_1bsyngo0";
+var lg_hero_banner = createRuntimeFn({ defaultClassName: "_1bsyngo1", variantClassNames: { variant: { primary: "_1bsyngo2", secondary: "_1bsyngo3", tertiary: "_1bsyngo4", quaternary: "_1bsyngo5" } }, defaultVariants: {}, compoundVariants: [] });
+var lg_hero_container = "_1bsyngo6";
+var lg_hero_content = "_1bsyngo7";
+var content_display_lg = "_1bsyngo8";
+var lg_hero_content_mobile = "_1bsyngo9";
+var lg_hero_text = createRuntimeFn({ defaultClassName: "_1bsyngoa", variantClassNames: { variant: { primary: "_1bsyngob", secondary: "_1bsyngoc", tertiary: "_1bsyngod", quaternary: "_1bsyngoe" } }, defaultVariants: {}, compoundVariants: [] });
+var lg_hero_eyebrow = createRuntimeFn({ defaultClassName: "_1bsyngof", variantClassNames: { variant: { primary: "_1bsyngog", secondary: "_1bsyngoh", tertiary: "_1bsyngoi", quaternary: "_1bsyngoj" } }, defaultVariants: {}, compoundVariants: [] });
+var lg_headline_text = createRuntimeFn({ defaultClassName: "_1bsyngok", variantClassNames: { variant: { primary: "_1bsyngol", secondary: "_1bsyngom", tertiary: "_1bsyngon", quaternary: "_1bsyngoo" } }, defaultVariants: {}, compoundVariants: [] });
+var lg_hero_img = "_1bsyngop";
+var lg_hero_sizing = "_1bsyngoq";
+var video_wrapper = "_1bsyngor";
+var player = "_1bsyngos";
+var placement = createRuntimeFn({ defaultClassName: "_1bsyngot", variantClassNames: { position: { "top left": "_1bsyngou", "top right": "_1bsyngov", "bottom left": "_1bsyngow", "bottom right": "_1bsyngox" } }, defaultVariants: {}, compoundVariants: [] });
 export {
+  content_display_lg,
   lg_headline_text,
   lg_hero_banner,
+  lg_hero_container,
   lg_hero_content,
+  lg_hero_content_mobile,
   lg_hero_eyebrow,
   lg_hero_img,
   lg_hero_sizing,
-  lg_hero_text
+  lg_hero_text,
+  placement,
+  player,
+  video_bg,
+  video_wrapper
 };

package/dist/HeroBanner/LargeHeroBanner.d.ts

@@ -0,0 +1,5 @@
+import { HeroBannerInterface } from './HeroBanner.interface';
+
+type LargeHeroBannerProps = Pick<HeroBannerInterface, "id" | "eyebrow" | "headline" | "bodyCopy" | "bullets" | "callToActionRow" | "image" | "imagePlacement" | "variant" | "video" | "bannerType" | "videoTextPosition">;
+export declare const LargeHeroBanner: ({ id, eyebrow, headline, bodyCopy, bullets, callToActionRow, image, imagePlacement, variant, video, bannerType, videoTextPosition, }: LargeHeroBannerProps) => import("react/jsx-runtime").JSX.Element;
+export {};