/* 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";
export namespace Components {
    interface GxIntersectionObserver {
        /**
          * Bottom margin around the root element
         */
        "bottomMargin": string;
        /**
          * A CSS class to set as the gx-intersection-observer element class
         */
        "cssClass": string;
        /**
          * Left margin around the root element
         */
        "leftMargin": string;
        /**
          * Right margin around the root element
         */
        "rightMargin": string;
        /**
          * @Prop () Set the ID of the component that is used as the viewport, default is the browser.
         */
        "root": string;
        /**
          * Numeric values representing percentages of the target element which are visible.
         */
        "threshold": string;
        /**
          * Top margin around the root element
         */
        "topMargin": string;
    }
}
export interface GxIntersectionObserverCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGxIntersectionObserverElement;
}
declare global {
    interface HTMLGxIntersectionObserverElement extends Components.GxIntersectionObserver, HTMLStencilElement {
    }
    var HTMLGxIntersectionObserverElement: {
        prototype: HTMLGxIntersectionObserverElement;
        new (): HTMLGxIntersectionObserverElement;
    };
    interface HTMLElementTagNameMap {
        "gx-intersection-observer": HTMLGxIntersectionObserverElement;
    }
}
declare namespace LocalJSX {
    interface GxIntersectionObserver {
        /**
          * Bottom margin around the root element
         */
        "bottomMargin"?: string;
        /**
          * A CSS class to set as the gx-intersection-observer element class
         */
        "cssClass"?: string;
        /**
          * Left margin around the root element
         */
        "leftMargin"?: string;
        /**
          * Emitted whenever the control reaches a threshold specified by the threshold property
          * @param IntersectionObserverEntry : Details of intersection object.
         */
        "onIntersectionUpdate"?: (event: GxIntersectionObserverCustomEvent<IntersectionObserverEntry>) => void;
        /**
          * Right margin around the root element
         */
        "rightMargin"?: string;
        /**
          * @Prop () Set the ID of the component that is used as the viewport, default is the browser.
         */
        "root"?: string;
        /**
          * Numeric values representing percentages of the target element which are visible.
         */
        "threshold"?: string;
        /**
          * Top margin around the root element
         */
        "topMargin"?: string;
    }
    interface IntrinsicElements {
        "gx-intersection-observer": GxIntersectionObserver;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "gx-intersection-observer": LocalJSX.GxIntersectionObserver & JSXBase.HTMLAttributes<HTMLGxIntersectionObserverElement>;
        }
    }
}