/* eslint-disable */
/* tslint:disable */
/**
 * This is an autogenerated file created by the Stencil compiler.
 * It contains typing information for all components that exist in this project.
 */
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
import { ButtonSize, ButtonTheme } from "./components/button/button";
import { BackgroundColor } from "./components/contentTextSection/contentTextSection";
import { AspectRatio, BackgroundColor as BackgroundColor1 } from "./components/images/image";
import { IconOptions } from "./components/icon/svg";
import { TextLinkIconPosition } from "./components/textLink/textLink";
import { CtaProps, ImageContainerStackedHeight, ImageContainerWidth, ImageProps, Layout } from "./components/textSectionBlock/textSectionBlock";
import { AspectRatio as AspectRatio1 } from "./components/images/image";
export { ButtonSize, ButtonTheme } from "./components/button/button";
export { BackgroundColor } from "./components/contentTextSection/contentTextSection";
export { AspectRatio, BackgroundColor as BackgroundColor1 } from "./components/images/image";
export { IconOptions } from "./components/icon/svg";
export { TextLinkIconPosition } from "./components/textLink/textLink";
export { CtaProps, ImageContainerStackedHeight, ImageContainerWidth, ImageProps, Layout } from "./components/textSectionBlock/textSectionBlock";
export { AspectRatio as AspectRatio1 } from "./components/images/image";
export namespace Components {
    interface AmpButton {
        /**
          * Sets a disabled state to the button
         */
        "disabled": boolean;
        /**
          * Allows the button to grow to 100% width of the parent container
         */
        "fullwidth": boolean;
        /**
          * Sets a loading state to the button
         */
        "loading": boolean;
        /**
          * Size: s, m (default), l
         */
        "size": ButtonSize;
        /**
          * Theme: primary (default), secondary, flat
         */
        "type": ButtonTheme;
    }
    interface AmpContentTextSection {
        /**
          * The background color of the section
         */
        "backgroundColor": BackgroundColor;
        /**
          * Heading text for the section
         */
        "heading": string;
    }
    interface AmpIcon {
        /**
          * Height in px
         */
        "height": string;
        /**
          * SVG icon to render
         */
        "svg": string;
        /**
          * Width in px
         */
        "width": string;
    }
    interface AmpImage {
        /**
          * Aspect Ratio for the image: auto (default), square, video, video-vertical
         */
        "aspectRatio": AspectRatio;
        /**
          * Alt for the background image
         */
        "backgroundAlt": string;
        /**
          * Background color: brand, emphasis (will be hidden if backgroundSrc image is applied)
         */
        "backgroundColor": BackgroundColor1;
        /**
          * Img src URL for the background image
         */
        "backgroundSrc": string;
        /**
          * Alt for the foreground image
         */
        "foregroundAlt": string;
        /**
          * Img src URL for the foreground image
         */
        "foregroundSrc": string;
        /**
          * Point of Interest X Coordinate
         */
        "poiX": number;
        /**
          * Point of Interest Y Coordinate
         */
        "poiY": number;
    }
    interface AmpTextLink {
        /**
          * The entire tracking code that merch/marketing use for reporting purposes
         */
        "dataAnalyticsTrackingId": string;
        /**
          * Comes from the 3rd piece of the tracking code that is selected on the content type
         */
        "dataCampaignName": string;
        /**
          * The URL destination when clicking the link
         */
        "href": string;
        /**
          * An Icon component to display
         */
        "icon": IconOptions;
        /**
          * Position of the icon component
         */
        "iconPosition": TextLinkIconPosition;
        /**
          * Size: xs, s, m (default)
         */
        "size": string;
        /**
          * Underline on hover
         */
        "underlineHover": boolean;
    }
    interface AmpTextSectionBlock {
        /**
          * Aspect Ratio for the image: auto (default), square, video, video-vertical
         */
        "aspectRatio": AspectRatio1;
        /**
          * Sets the copy of the component
         */
        "copy": string;
        /**
          * Array of CTAs with { label, href, style }
         */
        "ctas": CtaProps[] | string;
        /**
          * Comes from the 3rd piece of the tracking code that is selected on the content type
         */
        "dataCampaignName": string;
        /**
          * Sets the foreground and background of the amp-image component
         */
        "image": ImageProps | string;
        /**
          * The height of the image container for stacked and mobile layouts: 's' (default), 'm'
         */
        "imageContainerStackedHeight": ImageContainerStackedHeight;
        /**
          * The width of the image container for responsive desktop layout: 'xs', 's', 'm' (default), 'l', 'xl'
         */
        "imageContainerWidth": ImageContainerWidth;
        /**
          * Determines if the component is responsive (horizontal on desktop) or always stacked
         */
        "layout": Layout;
        /**
          * The entire tracking code that merch/marketing use for reporting purposes
         */
        "primaryTrackingId": string;
        /**
          * Determines if a responsive (inline) component has a reverse layout (image on right, copy on left)
         */
        "reverseLayout": boolean;
        /**
          * The entire tracking code that merch/marketing use for reporting purposes
         */
        "secondaryTrackingId": string;
    }
    interface AmpTextSectionGrid {
        /**
          * The number of columns used to display Text Section Blocks in a given row beyond the md screen size.
         */
        "numberOfCols": number;
    }
}
export interface AmpButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLAmpButtonElement;
}
declare global {
    interface HTMLAmpButtonElementEventMap {
        "buttonClicked": void;
    }
    interface HTMLAmpButtonElement extends Components.AmpButton, HTMLStencilElement {
        addEventListener<K extends keyof HTMLAmpButtonElementEventMap>(type: K, listener: (this: HTMLAmpButtonElement, ev: AmpButtonCustomEvent<HTMLAmpButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLAmpButtonElementEventMap>(type: K, listener: (this: HTMLAmpButtonElement, ev: AmpButtonCustomEvent<HTMLAmpButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLAmpButtonElement: {
        prototype: HTMLAmpButtonElement;
        new (): HTMLAmpButtonElement;
    };
    interface HTMLAmpContentTextSectionElement extends Components.AmpContentTextSection, HTMLStencilElement {
    }
    var HTMLAmpContentTextSectionElement: {
        prototype: HTMLAmpContentTextSectionElement;
        new (): HTMLAmpContentTextSectionElement;
    };
    interface HTMLAmpIconElement extends Components.AmpIcon, HTMLStencilElement {
    }
    var HTMLAmpIconElement: {
        prototype: HTMLAmpIconElement;
        new (): HTMLAmpIconElement;
    };
    interface HTMLAmpImageElement extends Components.AmpImage, HTMLStencilElement {
    }
    var HTMLAmpImageElement: {
        prototype: HTMLAmpImageElement;
        new (): HTMLAmpImageElement;
    };
    interface HTMLAmpTextLinkElement extends Components.AmpTextLink, HTMLStencilElement {
    }
    var HTMLAmpTextLinkElement: {
        prototype: HTMLAmpTextLinkElement;
        new (): HTMLAmpTextLinkElement;
    };
    interface HTMLAmpTextSectionBlockElement extends Components.AmpTextSectionBlock, HTMLStencilElement {
    }
    var HTMLAmpTextSectionBlockElement: {
        prototype: HTMLAmpTextSectionBlockElement;
        new (): HTMLAmpTextSectionBlockElement;
    };
    interface HTMLAmpTextSectionGridElement extends Components.AmpTextSectionGrid, HTMLStencilElement {
    }
    var HTMLAmpTextSectionGridElement: {
        prototype: HTMLAmpTextSectionGridElement;
        new (): HTMLAmpTextSectionGridElement;
    };
    interface HTMLElementTagNameMap {
        "amp-button": HTMLAmpButtonElement;
        "amp-content-text-section": HTMLAmpContentTextSectionElement;
        "amp-icon": HTMLAmpIconElement;
        "amp-image": HTMLAmpImageElement;
        "amp-text-link": HTMLAmpTextLinkElement;
        "amp-text-section-block": HTMLAmpTextSectionBlockElement;
        "amp-text-section-grid": HTMLAmpTextSectionGridElement;
    }
}
declare namespace LocalJSX {
    interface AmpButton {
        /**
          * Sets a disabled state to the button
         */
        "disabled"?: boolean;
        /**
          * Allows the button to grow to 100% width of the parent container
         */
        "fullwidth"?: boolean;
        /**
          * Sets a loading state to the button
         */
        "loading"?: boolean;
        /**
          * Click event emitted when the button is clicked
         */
        "onButtonClicked"?: (event: AmpButtonCustomEvent<void>) => void;
        /**
          * Size: s, m (default), l
         */
        "size"?: ButtonSize;
        /**
          * Theme: primary (default), secondary, flat
         */
        "type"?: ButtonTheme;
    }
    interface AmpContentTextSection {
        /**
          * The background color of the section
         */
        "backgroundColor"?: BackgroundColor;
        /**
          * Heading text for the section
         */
        "heading"?: string;
    }
    interface AmpIcon {
        /**
          * Height in px
         */
        "height"?: string;
        /**
          * SVG icon to render
         */
        "svg"?: string;
        /**
          * Width in px
         */
        "width"?: string;
    }
    interface AmpImage {
        /**
          * Aspect Ratio for the image: auto (default), square, video, video-vertical
         */
        "aspectRatio"?: AspectRatio;
        /**
          * Alt for the background image
         */
        "backgroundAlt"?: string;
        /**
          * Background color: brand, emphasis (will be hidden if backgroundSrc image is applied)
         */
        "backgroundColor"?: BackgroundColor1;
        /**
          * Img src URL for the background image
         */
        "backgroundSrc"?: string;
        /**
          * Alt for the foreground image
         */
        "foregroundAlt"?: string;
        /**
          * Img src URL for the foreground image
         */
        "foregroundSrc"?: string;
        /**
          * Point of Interest X Coordinate
         */
        "poiX"?: number;
        /**
          * Point of Interest Y Coordinate
         */
        "poiY"?: number;
    }
    interface AmpTextLink {
        /**
          * The entire tracking code that merch/marketing use for reporting purposes
         */
        "dataAnalyticsTrackingId"?: string;
        /**
          * Comes from the 3rd piece of the tracking code that is selected on the content type
         */
        "dataCampaignName"?: string;
        /**
          * The URL destination when clicking the link
         */
        "href"?: string;
        /**
          * An Icon component to display
         */
        "icon"?: IconOptions;
        /**
          * Position of the icon component
         */
        "iconPosition"?: TextLinkIconPosition;
        /**
          * Size: xs, s, m (default)
         */
        "size"?: string;
        /**
          * Underline on hover
         */
        "underlineHover"?: boolean;
    }
    interface AmpTextSectionBlock {
        /**
          * Aspect Ratio for the image: auto (default), square, video, video-vertical
         */
        "aspectRatio"?: AspectRatio1;
        /**
          * Sets the copy of the component
         */
        "copy"?: string;
        /**
          * Array of CTAs with { label, href, style }
         */
        "ctas"?: CtaProps[] | string;
        /**
          * Comes from the 3rd piece of the tracking code that is selected on the content type
         */
        "dataCampaignName"?: string;
        /**
          * Sets the foreground and background of the amp-image component
         */
        "image"?: ImageProps | string;
        /**
          * The height of the image container for stacked and mobile layouts: 's' (default), 'm'
         */
        "imageContainerStackedHeight"?: ImageContainerStackedHeight;
        /**
          * The width of the image container for responsive desktop layout: 'xs', 's', 'm' (default), 'l', 'xl'
         */
        "imageContainerWidth"?: ImageContainerWidth;
        /**
          * Determines if the component is responsive (horizontal on desktop) or always stacked
         */
        "layout"?: Layout;
        /**
          * The entire tracking code that merch/marketing use for reporting purposes
         */
        "primaryTrackingId"?: string;
        /**
          * Determines if a responsive (inline) component has a reverse layout (image on right, copy on left)
         */
        "reverseLayout"?: boolean;
        /**
          * The entire tracking code that merch/marketing use for reporting purposes
         */
        "secondaryTrackingId"?: string;
    }
    interface AmpTextSectionGrid {
        /**
          * The number of columns used to display Text Section Blocks in a given row beyond the md screen size.
         */
        "numberOfCols"?: number;
    }
    interface IntrinsicElements {
        "amp-button": AmpButton;
        "amp-content-text-section": AmpContentTextSection;
        "amp-icon": AmpIcon;
        "amp-image": AmpImage;
        "amp-text-link": AmpTextLink;
        "amp-text-section-block": AmpTextSectionBlock;
        "amp-text-section-grid": AmpTextSectionGrid;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "amp-button": LocalJSX.AmpButton & JSXBase.HTMLAttributes<HTMLAmpButtonElement>;
            "amp-content-text-section": LocalJSX.AmpContentTextSection & JSXBase.HTMLAttributes<HTMLAmpContentTextSectionElement>;
            "amp-icon": LocalJSX.AmpIcon & JSXBase.HTMLAttributes<HTMLAmpIconElement>;
            "amp-image": LocalJSX.AmpImage & JSXBase.HTMLAttributes<HTMLAmpImageElement>;
            "amp-text-link": LocalJSX.AmpTextLink & JSXBase.HTMLAttributes<HTMLAmpTextLinkElement>;
            "amp-text-section-block": LocalJSX.AmpTextSectionBlock & JSXBase.HTMLAttributes<HTMLAmpTextSectionBlockElement>;
            "amp-text-section-grid": LocalJSX.AmpTextSectionGrid & JSXBase.HTMLAttributes<HTMLAmpTextSectionGridElement>;
        }
    }
}