import { jsx as n, jsxs as i } from "react/jsx-runtime";
import { G as B } from "./grid-DGnCQgwf.mjs";
import { a as H } from "./heading-gqtQNo5n.mjs";
import { a as v } from "./paragraph-DNtj7OLr.mjs";
import { u as V } from "./ThemeProvider-mOHIAi2k.mjs";
import "react";
import "change-case";
import { c as $ } from "./bind-CU-R61T-.mjs";
import { c as C } from "./button-DBX_tvfJ.mjs";
import { b as Z } from "./icon.es-CZcKxTaM.mjs";
const p = {
  "purpur-hero-banner": "_purpur-hero-banner_ue1q7_1",
  "purpur-hero-banner__grid-container": "_purpur-hero-banner__grid-container_ue1q7_5",
  "purpur-hero-banner__container": "_purpur-hero-banner__container_ue1q7_8",
  "purpur-hero-banner__container--with-media": "_purpur-hero-banner__container--with-media_ue1q7_17",
  "purpur-hero-banner__container--no-media": "_purpur-hero-banner__container--no-media_ue1q7_28",
  "purpur-hero-banner__breadcrumbs": "_purpur-hero-banner__breadcrumbs_ue1q7_39",
  "purpur-hero-banner__content": "_purpur-hero-banner__content_ue1q7_57",
  "purpur-hero-banner__content--no-media": "_purpur-hero-banner__content--no-media_ue1q7_75",
  "purpur-hero-banner__content--no-breadcrumbs": "_purpur-hero-banner__content--no-breadcrumbs_ue1q7_79",
  "purpur-hero-banner__content--no-additional-text": "_purpur-hero-banner__content--no-additional-text_ue1q7_83",
  "purpur-hero-banner__main-content": "_purpur-hero-banner__main-content_ue1q7_91",
  "purpur-hero-banner__main-content--no-media": "_purpur-hero-banner__main-content--no-media_ue1q7_99",
  "purpur-hero-banner__title": "_purpur-hero-banner__title_ue1q7_102",
  "purpur-hero-banner__title--hyphens-default": "_purpur-hero-banner__title--hyphens-default_ue1q7_109",
  "purpur-hero-banner__title--hyphens-enabled": "_purpur-hero-banner__title--hyphens-enabled_ue1q7_117",
  "purpur-hero-banner__title--hyphens-disabled": "_purpur-hero-banner__title--hyphens-disabled_ue1q7_120",
  "purpur-hero-banner__preamble": "_purpur-hero-banner__preamble_ue1q7_123",
  "purpur-hero-banner__custom-content": "_purpur-hero-banner__custom-content_ue1q7_128",
  "purpur-hero-banner__actions": "_purpur-hero-banner__actions_ue1q7_132",
  "purpur-hero-banner__additional-text": "_purpur-hero-banner__additional-text_ue1q7_148",
  "purpur-hero-banner__media": "_purpur-hero-banner__media_ue1q7_152",
  "purpur-hero-banner__media--sm": "_purpur-hero-banner__media--sm_ue1q7_156",
  "purpur-hero-banner__media--lg": "_purpur-hero-banner__media--lg_ue1q7_164",
  "purpur-hero-banner__video-button": "_purpur-hero-banner__video-button_ue1q7_203"
}, M = "purpur-hero-banner", k = $.bind(p), A = ({ children: _, className: o, ...a }) => /* @__PURE__ */ n("div", { ...a, className: k(`${M}__actions`, o), children: _ }), G = {
  name: "play-filled",
  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 12 5.5 19.794V4.206L19 12Z"/><path fill-rule="evenodd" d="M19.875 12a.875.875 0 0 1-.438.758l-13.5 7.794a.875.875 0 0 1-1.312-.758V4.206a.875.875 0 0 1 1.313-.758l13.5 7.794c.27.156.437.445.437.758Zm-13.5-6.279V18.28L17.25 12 6.375 5.721Z" clip-rule="evenodd"/></svg>',
  keywords: ["play-filled"],
  category: "action"
}, j = {
  name: "tv-pause",
  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 20h-3V4h3v16ZM8 20H5V4h3v16Z"/><path fill-rule="evenodd" d="M4.1 4a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9H5.9Zm9.2-.9a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9h-3a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9h-1.2Z" clip-rule="evenodd"/></svg>',
  keywords: ["tv-pause"],
  category: "action"
}, L = "purpur-hero-banner", S = ({
  children: _,
  isPlaying: o,
  togglePausePlay: a,
  videoPauseAriaLabel: s,
  videoPlayAriaLabel: c,
  className: t,
  ...d
}) => _ && /* @__PURE__ */ i("div", { className: t, ...d, children: [
  _,
  !!a && /* @__PURE__ */ n(
    C,
    {
      variant: "primary",
      negative: !0,
      iconOnly: !0,
      onClick: () => {
        a();
      },
      className: p[`${L}__video-button`],
      "aria-label": o ? s : c,
      children: /* @__PURE__ */ n(Z, { size: "xs", svg: o ? j : G })
    }
  )
] }), r = $.bind(p), R = {
  default: "default",
  enabled: "enabled",
  disabled: "disabled"
}, e = "purpur-hero-banner", m = ({
  children: _,
  className: o,
  breadcrumbs: a,
  forceColorScheme: s,
  beforeTitle: c,
  title: t,
  titleTag: d = "h1",
  titleHyphens: q = "default",
  preamble: b,
  additionalText: h,
  media: l,
  ...g
}) => {
  const { options: f } = V(), N = r([e, o]), u = !!l, y = !!a, w = !!h, x = s ?? f?.heroBannerColorScheme;
  return /* @__PURE__ */ n("section", { "data-color-scheme": x, className: N, ...g, children: /* @__PURE__ */ i(
    B,
    {
      noGap: !0,
      className: r([
        `${e}__container`,
        {
          [`${e}__container--with-media`]: u,
          [`${e}__container--no-media`]: !u
        }
      ]),
      containerClassName: r(`${e}__grid-container`),
      children: [
        a && /* @__PURE__ */ n("div", { className: r(`${e}__breadcrumbs`), children: a }),
        /* @__PURE__ */ n("div", { className: r([`${e}__media`, `${e}__media--sm`]), children: l }),
        /* @__PURE__ */ i(
          "div",
          {
            className: r([
              `${e}__content`,
              {
                [`${e}__content--no-media`]: !u,
                [`${e}__content--no-breadcrumbs`]: !y,
                [`${e}__content--no-additional-text`]: !w
              }
            ]),
            children: [
              /* @__PURE__ */ i(
                "div",
                {
                  className: r([
                    `${e}__main-content`,
                    {
                      [`${e}__main-content--no-media`]: !u
                    }
                  ]),
                  children: [
                    c,
                    t && /* @__PURE__ */ n(
                      H,
                      {
                        negative: !0,
                        tag: d,
                        variant: "display-50",
                        className: r([
                          `${e}__title`,
                          `${e}__title--hyphens-${q}`
                        ]),
                        children: t
                      }
                    ),
                    b && /* @__PURE__ */ n(
                      v,
                      {
                        negative: !0,
                        variant: "preamble-100",
                        className: r(`${e}__preamble`),
                        children: b
                      }
                    ),
                    _ && /* @__PURE__ */ n("div", { className: r(`${e}__custom-content`), children: _ })
                  ]
                }
              ),
              h && /* @__PURE__ */ n(
                v,
                {
                  negative: !0,
                  variant: "additional-100",
                  className: p[`${e}__additional-text`],
                  children: h
                }
              )
            ]
          }
        ),
        /* @__PURE__ */ n("div", { className: r([`${e}__media`, `${e}__media--lg`]), children: l })
      ]
    }
  ) });
};
m.displayName = "HeroBanner";
m.Media = S;
m.Actions = A;
export {
  m as H,
  R as T
};
//# sourceMappingURL=hero-banner-Cl5YFaKh.mjs.map
