/**
 * Shared consent-blocked notice for <lite-youtube> and <lite-vimeo>.
 *
 * Not exported from the package — both components interpolate these string
 * constants into their shadow DOM at construction so a blocked consent gate
 * looks and behaves identically across the two.
 *
 * Shown by adding the `consent-blocked` class to the `#frame` element; hidden
 * again by removing it (on close, on successful load, or on videoid change).
 * Content is customizable via the `consent-notice` slot, with a default
 * message shown when the consumer supplies none.
 *
 * Styling API (set on the host element):
 *   --consent-notice-bg      overlay background (default rgb(0 0 0 / 0.82))
 *   --consent-notice-color   text color         (default #fff)
 *   --consent-notice-radius  corner radius      (default 6px)
 *
 * Anything beyond those knobs goes through `::part(consent-notice)` and
 * `::part(consent-notice-close)`.
 */
/** Overlay markup: a slotted message with a built-in default and a close button. */
export declare const consentNoticeHtml = "\n        <div id=\"consentNotice\" part=\"consent-notice\" role=\"status\">\n          <slot name=\"consent-notice\">This video is blocked until you accept cookies.</slot>\n          <button id=\"consentNoticeClose\" part=\"consent-notice-close\" type=\"button\" aria-label=\"Dismiss\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n              <path d=\"M6 6l12 12M18 6 6 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n            </svg>\n          </button>\n        </div>";
/** Overlay styles: hidden until `#frame.consent-blocked`, themeable, a11y-safe. */
export declare const consentNoticeStyles = "\n        :host {\n          --consent-notice-bg: rgb(0 0 0 / 0.82);\n          --consent-notice-color: #fff;\n          --consent-notice-radius: 6px;\n        }\n\n        #consentNotice {\n          display: none;\n          position: absolute;\n          left: 50%;\n          bottom: 12px;\n          transform: translateX(-50%);\n          z-index: 2;\n          max-width: calc(100% - 24px);\n          box-sizing: border-box;\n          align-items: center;\n          gap: 8px;\n          padding: 10px 12px;\n          background: var(--consent-notice-bg);\n          color: var(--consent-notice-color);\n          border-radius: var(--consent-notice-radius);\n          font: 500 14px/1.4 system-ui, sans-serif;\n          text-align: left;\n        }\n\n        #frame.consent-blocked #consentNotice {\n          display: flex;\n        }\n\n        #consentNotice a,\n        #consentNotice ::slotted(a) {\n          color: inherit;\n        }\n\n        #consentNoticeClose {\n          flex: none;\n          width: 24px;\n          height: 24px;\n          padding: 0;\n          border: 0;\n          border-radius: 50%;\n          background: transparent;\n          color: inherit;\n          cursor: pointer;\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n        }\n\n        #consentNoticeClose svg {\n          width: 16px;\n          height: 16px;\n        }\n\n        #consentNoticeClose:focus-visible {\n          outline: 2px solid currentColor;\n          outline-offset: 2px;\n        }\n\n        @media (forced-colors: active) {\n          #consentNotice {\n            background: Canvas;\n            color: CanvasText;\n            border: 1px solid CanvasText;\n          }\n        }";
//# sourceMappingURL=consent-notice.d.ts.map