/* 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 { cookieConfig } from "./components/modal/cookie-modal/types";
import { Variants } from "./components/tabs/kclsu-tabs/tabtypes";
export namespace Components {
    interface ArrowButton {
        /**
          * The callback function for the button
         */
        "callback": () => void;
        /**
          * Set the direction of the arrow button (and the side of the containing element it appears on)
         */
        "direction": string;
        /**
          * Turn the button purple
         */
        "purple": boolean;
    }
    interface CampaignAim {
    }
    interface CampaignNews {
        /**
          * The MSL organisation ID where the news is kept - filled in automatically by campaign-tabs parent
         */
        "newsid": string;
    }
    interface CampaignTabs {
        /**
          * The URL of the facebook page or group
         */
        "facebook": string;
        /**
          * The MSL organisation ID where the news is kept
         */
        "newsid": string;
        /**
          * The URL of the document for the Strategy Doc uploaded under Resources for that campaign organisation.
         */
        "strategydoc": string;
    }
    interface CandidateDisplay {
        "data": any;
        /**
          * URL for a page to hold breakdowns, as a fallback option
         */
        "electionid": string | number;
        /**
          * URL for a page to hold breakdowns, as a fallback option
         */
        "emitpostid": boolean;
        /**
          * URL for a page to hold breakdowns, as a fallback option
         */
        "fallbackbreakdownurl": any;
        /**
          * Using legacy data
         */
        "legacy": boolean;
    }
    interface CandidateUpload {
        /**
          * MSL ELections ID
         */
        "electionid": string;
        /**
          * The JSON generated from the browser-side uploaded excel spreadsheet
         */
        "spreadsheetdata": any;
        /**
          * Either 'candidates' or 'results'. Will set the firebase url and key map
         */
        "stage": string;
    }
    interface CloudinaryApp {
        /**
          * The Cloudinary image id - provided using the browser-side upload script, or using the the node server function
         */
        "public_id": string;
    }
    interface CookieModal {
        "config": cookieConfig;
        "daysvalid": number;
        "devmode": boolean;
    }
    interface DesktopHide {
        /**
          * In addition to hiding all children content in screens desktop + bigger, this will hide content in screens tablet + bigger
         */
        "hidetablet": boolean;
    }
    interface ElectionsCandidates {
        /**
          * The election ID from MSL!
         */
        "electionid": string;
        /**
          * Choose to use a single page to keep all post result breakdowns. Appears on each candidate profile card, in the breakdown link
         */
        "fallbackbreakdownurl": any;
        /**
          * Use the legacy system for results
         */
        "legacy": boolean;
        /**
          * Filter out RON profiles in the candidate listing
         */
        "removeron": boolean;
        /**
          * Set to true to display results data. False to display All Candidates
         */
        "results": boolean;
    }
    interface ElectionsFooter {
    }
    interface ElectionsTab {
        "active": boolean;
        "combineresults": boolean;
        "injectcandidates": string;
        "posts": string;
        "tabtitle": string;
        "type": 'single' | 'multiple' | 'groupings';
    }
    interface EventCard {
        "addFocus": () => Promise<void>;
        /**
          * The title for the card - usually a full name
         */
        "cardtitle": string;
        /**
          * A sub heading - usually the date
         */
        "date": string;
        /**
          * The ID string for click events, using Stencil's Emitter. Only applies to card's bottom right link- DEVELOPER USE
         */
        "emitid": string;
        /**
          * The image URL
         */
        "image": string;
        /**
          * Specifiy which part of the image to focus on. Defaults to center
         */
        "imagefocus": 'center' | 'top' | 'bottom' | 'right' | 'left' | 'faces';
        /**
          * The URL link for the primary text link on the bottom left of the card
         */
        "link": string;
        /**
          * Applies to lazy loading of images. Remove lazy loading
         */
        "nolazy": boolean;
        /**
          * A call back function to be supplied for the first (left hand side) call to action, as well as the clickable name
         */
        "primaryfn": () => void;
    }
    interface EventsListing {
        /**
          * Choose the card component for each event
         */
        "cardtype": 'label' | 'text' | 'profile';
        /**
          * Show event cards in a column
         */
        "col": boolean;
        /**
          * The Call To Action text in the link on profile cards
         */
        "cta": string;
        /**
          * The MSL event tag to filter events
         */
        "eventtag": string;
        /**
          * The max number of events to display
         */
        "limit": string;
    }
    interface ExitButton {
        "addFocus": () => Promise<void>;
        /**
          * The callback function for the button
         */
        "callback": () => void;
        /**
          * Change the colour of the exit button to purple
         */
        "purple": boolean;
    }
    interface FlexContainer {
        /**
          * The same as the 'justify-content' flex property along the x axis
         */
        "alignx": string;
        /**
          * The same as the 'align-items' flex property along the y axis
         */
        "aligny": string;
        /**
          * Set the flex direction: column, reverse-column, row, reverse-row
         */
        "direction": string;
        /**
          * Ensure the container stretches the full width and height of parent container
         */
        "fillcontainer": boolean;
        /**
          * In mobile display in column direction - NOT YET RELEASED
         */
        "mobcolumn": boolean;
        /**
          * If the parent container element needs to be an <ul> list element
         */
        "renderlist": boolean;
        /**
          * Add flex-wrap to flex items
         */
        "wrap": boolean;
    }
    interface FullBio {
        "data": any;
    }
    interface FullwidthBeigeStrip {
    }
    interface FullwidthStrip {
        "color": string;
        "height": string;
    }
    interface GalleryThumbnail {
        "active": boolean;
        "cardheight": string;
        "emitid": string;
        "image": string;
        "videotitle": string;
    }
    interface GalleryThumbnailStacked {
        "active": boolean;
        "cardheight": string;
        "emitid": string;
        "image": string;
        "videotitle": string;
    }
    interface GetInvolved {
        /**
          * The typeform URL
         */
        "typeform": string;
    }
    interface GridLanding {
    }
    interface GridLandingItem {
        "height": string;
        "label": string;
        "width": string;
    }
    interface GroupTab {
        /**
          * Set this Group Tab as the active tab
         */
        "active": boolean;
        /**
          * The exact post names as appeared in MSL, separated by a pipe character |
         */
        "exclude": string;
        "regex": string;
        "replace": string;
        "searchterms": string;
        /**
          * The title for the tab for this group
         */
        "tabtitle": string;
    }
    interface GroupedCandidateDisplay {
        "data": any;
        /**
          * URL for a page to hold breakdowns, as a fallback option
         */
        "electionid": number;
        /**
          * URL for a page to hold breakdowns, as a fallback option
         */
        "emitpostid": boolean;
        /**
          * URL for a page to hold breakdowns, as a fallback option
         */
        "fallbackbreakdownurl": any;
        /**
          * Using legacy data
         */
        "legacy": boolean;
    }
    interface ImageSliderAuto {
        "classes": string;
        /**
          * A string of images
         */
        "images": string[];
        "interval": number;
    }
    interface ImageText {
        /**
          * This turns the component into a card, rather than just an image/text layout
         */
        "card": boolean;
        /**
          * The primary image focus area. standard CSS object-position values to set a focus area on the image. EG 'center left'
         */
        "focusarea": string;
        /**
          * The title at the top of the text
         */
        "heading": string;
        /**
          * Applies to mobilescreen displays only. Will hide the image and display content only
         */
        "hideimage": boolean;
        /**
          * The image link (get from Cloudinary)
         */
        "image": string;
        /**
          * Provide a set % width for the image. Takes a  number without the % sign
         */
        "imagewidth": string;
        /**
          * Animate the image (scale in) on scroll
         */
        "imagezoom": boolean;
        /**
          * Set the margin for the card
         */
        "margin": string;
        /**
          * When the image and content stack, reverse the order so the image is on top
         */
        "reversestack": boolean;
        /**
          * Applies to MOBILE / TABLET <780px screens only. Paragraph and heading sizes reduced
         */
        "smalltext": boolean;
        /**
          * Switch the side the image is on.
         */
        "switch": boolean;
        /**
          * The paragraph text
         */
        "text": string;
        /**
          * Choose the colour for the paragraph text
         */
        "textcolour": string;
    }
    interface KclsuButton {
        "addFocus": () => Promise<void>;
        /**
          * Centres the button in the page
         */
        "center": boolean;
        /**
          * Provide a custom click function handler. Use emitid rather if a parent component is listening for event.
         */
        "clickfn": () => void;
        /**
          * Makes the link download
         */
        "download": boolean;
        /**
          * Event Listener name
         */
        "emitid": string;
        /**
          * Give the button a fixed width
         */
        "fixedwidth": string;
        /**
          * Adds icon to the button
         */
        "icon": string;
        /**
          * The URL to link to
         */
        "link": string;
        /**
          * specify a margin, otherwise uses default
         */
        "margin": string;
        /**
          * Opens the link in a new tab
         */
        "newtab": boolean;
        /**
          * Make the button a secondary purple button
         */
        "purple": boolean;
        /**
          * Give the button rounded corners
         */
        "rounded": boolean;
        /**
          * Make the button small
         */
        "small": boolean;
        /**
          * The text for the button
         */
        "text": string;
        /**
          * Makes the button very small
         */
        "verysmall": boolean;
    }
    interface KclsuCountdown {
        /**
          * The date to countdown to. Must match date string format
         */
        "date": string;
        /**
          * Optional: set a fixed font-size for tablet, desktop and wider.
         */
        "fontsize": any;
        /**
          * The margin of the countdown clock
         */
        "margin": string;
        /**
          * Give the message text a white block background
         */
        "msgbg": boolean;
        /**
          * The text beneath the countdown
         */
        "text": string;
        /**
          * Optional: set a colour for the text beneath the countdown.
         */
        "textcolour": any;
        /**
          * The width of the countdown clock - in Pixels ONLY
         */
        "width": string;
    }
    interface KclsuModal {
        /**
          * This will allow a user to click away and hide the modal when open
         */
        "autoexit": boolean;
        /**
          * Set custom width, height and background colour
         */
        "custom": string;
        /**
          * Supply a callback function to be invoked when modal is opened
         */
        "enterfn": () => void;
        /**
          * Supply a callback function to be invoked when modal is closed
         */
        "exitfn": () => void;
        /**
          * Provide a comma separated list of container web components inside the modal - for trapping focus
         */
        "innercmps": string;
        /**
          * Set position to absolute or other. Defaults to fixed
         */
        "position": string;
        /**
          * Controls when the modal is open and visible or not
         */
        "show": boolean;
        /**
          * Provide a comma separated list of element selectors which contain slotted content
         */
        "slotparents": string;
    }
    interface KclsuSearch {
        /**
          * If searching an custom web component, provide the name of the atrribute to query
         */
        "attr": string;
        /**
          * The container of the search result / search field, used to hide the element from results. Can be a tag, class or id
         */
        "containerselector": string;
        /**
          * Remove the error message if there are no search results
         */
        "noerror": boolean;
        /**
          * The text inside the search input, which disappears once a user starts typing
         */
        "placeholdertext": string;
        /**
          * If searching the text of an HTML element, provide the element's selector - tag, class or id
         */
        "selector": string;
    }
    interface KclsuTabs {
        "focusFirstTab": () => Promise<void>;
        "variant": Variants;
    }
    interface KclsuTabsContainer {
    }
    interface LabelCard {
        /**
          * Add a custom shadow colour to the card
         */
        "boxshadow": string;
        /**
          * If a button included, the link for the button
         */
        "buttonlink": string;
        /**
          * If a button included, the text for the button
         */
        "buttontitle": string;
        /**
          * Specify a fixed cardheight
         */
        "cardheight": string;
        /**
          * The main title of the card
         */
        "cardtitle": string;
        /**
          * Specify a fixed card with
         */
        "cardwidth": string;
        /**
          * The main title of the card
         */
        "highlightText": boolean;
        /**
          * The image URL for the card. Defaults to the kclsu logo
         */
        "image": string;
        /**
          * The link for the card - NOT for the button
         */
        "link": string;
        /**
          * Give the card a custom margin
         */
        "margin": string;
        /**
          * If image to be displayed on right hand side
         */
        "reverse": boolean;
        /**
          * Make the card the smallest height possible
         */
        "smallestheight": boolean;
        /**
          * This will reduce the size of the heading in the card
         */
        "smallheading": boolean;
        /**
          * The sub text beneath the title
         */
        "text": string;
        /**
          * the teal border on the left side of the card
         */
        "withleftborder": boolean;
    }
    interface LazyImage {
        /**
          * The alt tag of the image
         */
        "alt": string;
        /**
          * Image will scale into view
         */
        "animatein": boolean;
        /**
          * Provide a custom cloudinary transformation. Must be in format: string,string,string eg: c_fill,f_auto,fl_any_format
         */
        "customtransform": string;
        /**
          * The % percentage of desktop screens the image will take up. Number only without percent symbol
         */
        "desktop": string;
        /**
          * Use standard CSS object-position values to set a focus area on the image. EG 'center left'
         */
        "focusarea": string;
        /**
          * The image URL. Must be a kclsu, cloudinary or kclsu firebase url
         */
        "image": string;
        /**
          * Set a minimum pixel width for the image rendered
         */
        "minwidth": string;
        /**
          * The % percentage of mobile screens the image will take up. Number only without percent symbol
         */
        "mobile": string;
        /**
          * Remove lazy-loading functionality. Retains Object Fit positioing
         */
        "nolazy": boolean;
        /**
          * If you want to render an img element in a responsive container without object positioning
         */
        "plainimg": boolean;
        /**
          * A ratio for the image in decimal form. This will fetch the image from cloudinary with an appropriate height at each responsive breakpoint
         */
        "ratio": string;
        /**
          * Recommended. Provide the exact width for the image supplied
         */
        "suppliedwidth": string;
        /**
          * Render image an a PNG with transparency
         */
        "withtransparency": boolean;
    }
    interface LoadingSpinner {
        /**
          * Set margin of spinner
         */
        "margin": string;
        /**
          * Display the spinner
         */
        "show": boolean;
    }
    interface MobileHide {
        /**
          * In addition to hiding all children in screens mobile, this will hide content in screens tablet + smaller
         */
        "hidetablet": boolean;
    }
    interface ModalBackdrop {
        /**
          * NEVER set directly. Set in parent component
         */
        "position": string;
        /**
          * NEVER set directly. Set in parent component
         */
        "showbg": boolean;
    }
    interface NewsCard {
        /**
          * The MSL link for the news post
         */
        "newslink": string;
        /**
          * The title for the news post
         */
        "newstitle": string;
    }
    interface PageBanner {
        /**
          * Supply a background image for the banner
         */
        "bgimage": string;
        /**
          * The colours for the background & text of <project-heading>, separated with a comma. eg "text colour, bg colour"
         */
        "colourscheme": string;
        /**
          * The <h2> heading for the section
         */
        "heading": string;
        /**
          * Supply an image for the banner
         */
        "image": string;
        /**
          * Supply a custom height for the banner image
         */
        "imageheight": string;
        /**
          * Supply an custom width for the banner image
         */
        "imagewidth": string;
        /**
          * If a landing page
         */
        "landing": boolean;
        /**
          * The <h1> heading for a page. There should only be one pagetitle for page. Use the heading attribute for other titles.
         */
        "pagetitle": string;
        /**
          * The colours for the <h1> heading, separated with a comma. eg "h1 colour, bg colour"
         */
        "pagetitlecolours": string;
        /**
          * The paragraph text. If you need text links or separate paragraphs, rather insert HTML.
         */
        "text": string;
        /**
          * Supply a video URL
         */
        "video": string;
    }
    interface PageContent {
    }
    interface PageFooter {
        "bgcolor": string;
        "colone": string;
        "colthree": string;
        "coltwo": string;
        "logo": string;
        "textcolor": string;
    }
    interface PresetCard {
        "dimensions": string;
        "presetid": string;
        "presetname": string;
    }
    interface PresetControls {
    }
    interface ProfileCard {
        "addFocus": () => Promise<void>;
        /**
          * The text for the primary text link bottom left
         */
        "cta": string;
        /**
          * The ID string for click events, using Stencil's Emitter. Only applies to card's bottom right link- DEVELOPER USE
         */
        "emitid": string;
        /**
          * The image URL
         */
        "image": string;
        /**
          * Specifiy which part of the image to focus on. Defaults to center
         */
        "imagefocus": 'center' | 'top' | 'bottom' | 'right' | 'left' | 'faces';
        /**
          * The URL link for the primary text link on the bottom left of the card
         */
        "link": string;
        /**
          * The title for the card - usually a full name
         */
        "name": string;
        /**
          * Applies to lazy loading of images. Remove lazy loading
         */
        "nolazy": boolean;
        /**
          * A sub heading - usually a position or field title
         */
        "position": string;
        /**
          * A call back function to be supplied for the first (left hand side) call to action, as well as the clickable name
         */
        "primaryfn": () => void;
        /**
          * A call back function to be supplied for the second (right hand side) call to action
         */
        "secondaryfn": () => void;
        /**
          * The text for the secondary text link bottom right
         */
        "secondcta": string;
        /**
          * A second URL link for the bottom right of the card
         */
        "secondlink": string;
    }
    interface ProfileCardLayout {
    }
    interface ProfileLogoCard {
        /**
          * The text title of the card
         */
        "cardtitle": string;
        /**
          * The background image URL
         */
        "image": string;
        /**
          * Specify which part of the image you want to focus - top, bottom, right, left, center
         */
        "imagefocus": string;
        /**
          * The URL link for the the card
         */
        "link": string;
        /**
          * The logo image URL - at least 150x150px, must be a square image.
         */
        "logo": string;
        /**
          * OPTIONAL - if you are using a transparent text icon and need to set a background colour
         */
        "logocolour": string;
    }
    interface ProfileTabs {
        /**
          * Specify Tab ID you want to keep open by default
         */
        "activeid": string;
        /**
          * The URL of the database to fetch profiles from (firebase)
         */
        "database": string;
        /**
          * Array with child arrays containing Tab Heading, Tab ID, and Text(optional)
         */
        "headings": any;
    }
    interface ProjectCard {
        /**
          * Position the content of the card along the X axis
         */
        "alignx": string;
        /**
          * Position the content of the card along the Y axis
         */
        "aligny": string;
        /**
          * If displaying events, set a custom URL for 'all events' in place of dynamically created URL
         */
        "alleventsurl": string;
        /**
          * Display an event listing
         */
        "eventtag": string;
        /**
          * The primary image focus area. standard CSS object-position values to set a focus area on the image. EG 'center left'
         */
        "focusarea": string;
        "heading": string;
        /**
          * Applies to mobile displays only. Will hide the image and display content only
         */
        "hideimage": boolean;
        "image": string;
        "text": string;
        "transparent": boolean;
    }
    interface ProjectCardEvents {
        /**
          * Optional. Supply a URL which the All Events button will link to if there are events. Otherwise this is dynamically set.
         */
        "alleventsurl": string;
        /**
          * The main heading
         */
        "heading": string;
        /**
          * The MSL Event tag
         */
        "tag": string;
    }
    interface ProjectHeading {
        /**
          * The colours for the background & text of <project-heading>, separated with a comma. eg "text colour, bg colour"
         */
        "colourscheme": string;
        /**
          * The <h2> heading for the section
         */
        "heading": string;
        /**
          * The <h1> heading for a page. There should only be one pagetitle for page. Use the heading attribute for other titles.
         */
        "pagetitle": string;
        /**
          * The colours for the <h1> heading, separated with a comma. eg "h1 colour, bg colour"
         */
        "pagetitlecolours": string;
        /**
          * The paragraph text. If you need text links or separate paragraphs, rather insert HTML.
         */
        "text": string;
    }
    interface ProjectImage {
        /**
          * The alt tage for the image
         */
        "alt": string;
        /**
          * Choose an area of the image to focus: top, left, right, bottom
         */
        "focusarea": string;
        /**
          * The image URL link
         */
        "link": string;
        /**
          * If the image is pixelated, you could set a minium width for the rendered image
         */
        "minwidth": string;
    }
    interface ProjectPage {
        /**
          * The colours for the background & text of <project-heading>, separated with a comma. eg "text colour, bg colour"
         */
        "colourscheme": string;
        /**
          * The colours for the <h1> heading, separated with a comma. eg "h1 colour, bg colour"
         */
        "pagetitlecolours": string;
    }
    interface ProjectSocials {
        /**
          * The colours for the background & text of <project-heading>, separated with a comma. eg "text colour, bg colour"
         */
        "colourscheme": string;
        /**
          * The hashtag used in social media. Do not include the hash symbol
         */
        "hashtag": string;
        /**
          * For developers only. The name of the slot for this component to be inserted
         */
        "slotr": string;
    }
    interface ScrollObserver {
        /**
          * Select the animation name for the child component on intersection. Choose from list of supplied animations
         */
        "animation": string;
        /**
          * If true, the component will render a child lazy-image
         */
        "lazyimage": boolean;
    }
    interface ShowSupport {
    }
    interface SupportOption {
        "heading": string;
        "supportname": string;
    }
    interface SupportProgress {
        "current": any;
        "maxtotal": any;
        "supportname": string;
    }
    interface TabArea {
        "active": boolean;
        "findFocus": () => Promise<void>;
        "name": string;
        "pagemodal": boolean;
    }
    interface TabTitle {
        /**
          * Is the tab title active, and corresponding tab area visible
         */
        "active": boolean;
        "addFocus": () => Promise<void>;
        /**
          * A unique name, matching the name of the tab area component
         */
        "name": string;
        "pagemodal": boolean;
        "variant": Variants;
    }
    interface TextCard {
        /**
          * The purple heading in the card
         */
        "cardtitle": string;
        /**
          * The Url link you want to link to
         */
        "link": string;
        /**
          * Any extra text. If you want it to be empty, add empty string value:  ""
         */
        "subtext": string;
    }
    interface VideoEmbed {
        /**
          * The id of the Youtube Video - found in the URL eg youtube.com/watch?v={VIDEO_ID}
         */
        "embedid": any;
        /**
          * The URL of the Youtube video you want to display - CURRENTLY NOT WORKING
         */
        "url": string;
    }
    interface VideoGallery {
        /**
          * The Youtube URL for any given playlist
         */
        "playlist": any;
    }
    interface VideoGalleryStacked {
        /**
          * The Youtube URL for any given playlist
         */
        "playlist": any;
        /**
          * This will display the current selected video. Desktop and tablet only
         */
        "showcurrent": boolean;
        /**
          * This will randomise the order of the thumbnails
         */
        "shuffle": boolean;
    }
}
declare global {
    interface HTMLArrowButtonElement extends Components.ArrowButton, HTMLStencilElement {
    }
    var HTMLArrowButtonElement: {
        prototype: HTMLArrowButtonElement;
        new (): HTMLArrowButtonElement;
    };
    interface HTMLCampaignAimElement extends Components.CampaignAim, HTMLStencilElement {
    }
    var HTMLCampaignAimElement: {
        prototype: HTMLCampaignAimElement;
        new (): HTMLCampaignAimElement;
    };
    interface HTMLCampaignNewsElement extends Components.CampaignNews, HTMLStencilElement {
    }
    var HTMLCampaignNewsElement: {
        prototype: HTMLCampaignNewsElement;
        new (): HTMLCampaignNewsElement;
    };
    interface HTMLCampaignTabsElement extends Components.CampaignTabs, HTMLStencilElement {
    }
    var HTMLCampaignTabsElement: {
        prototype: HTMLCampaignTabsElement;
        new (): HTMLCampaignTabsElement;
    };
    interface HTMLCandidateDisplayElement extends Components.CandidateDisplay, HTMLStencilElement {
    }
    var HTMLCandidateDisplayElement: {
        prototype: HTMLCandidateDisplayElement;
        new (): HTMLCandidateDisplayElement;
    };
    interface HTMLCandidateUploadElement extends Components.CandidateUpload, HTMLStencilElement {
    }
    var HTMLCandidateUploadElement: {
        prototype: HTMLCandidateUploadElement;
        new (): HTMLCandidateUploadElement;
    };
    interface HTMLCloudinaryAppElement extends Components.CloudinaryApp, HTMLStencilElement {
    }
    var HTMLCloudinaryAppElement: {
        prototype: HTMLCloudinaryAppElement;
        new (): HTMLCloudinaryAppElement;
    };
    interface HTMLCookieModalElement extends Components.CookieModal, HTMLStencilElement {
    }
    var HTMLCookieModalElement: {
        prototype: HTMLCookieModalElement;
        new (): HTMLCookieModalElement;
    };
    interface HTMLDesktopHideElement extends Components.DesktopHide, HTMLStencilElement {
    }
    var HTMLDesktopHideElement: {
        prototype: HTMLDesktopHideElement;
        new (): HTMLDesktopHideElement;
    };
    interface HTMLElectionsCandidatesElement extends Components.ElectionsCandidates, HTMLStencilElement {
    }
    var HTMLElectionsCandidatesElement: {
        prototype: HTMLElectionsCandidatesElement;
        new (): HTMLElectionsCandidatesElement;
    };
    interface HTMLElectionsFooterElement extends Components.ElectionsFooter, HTMLStencilElement {
    }
    var HTMLElectionsFooterElement: {
        prototype: HTMLElectionsFooterElement;
        new (): HTMLElectionsFooterElement;
    };
    interface HTMLElectionsTabElement extends Components.ElectionsTab, HTMLStencilElement {
    }
    var HTMLElectionsTabElement: {
        prototype: HTMLElectionsTabElement;
        new (): HTMLElectionsTabElement;
    };
    interface HTMLEventCardElement extends Components.EventCard, HTMLStencilElement {
    }
    var HTMLEventCardElement: {
        prototype: HTMLEventCardElement;
        new (): HTMLEventCardElement;
    };
    interface HTMLEventsListingElement extends Components.EventsListing, HTMLStencilElement {
    }
    var HTMLEventsListingElement: {
        prototype: HTMLEventsListingElement;
        new (): HTMLEventsListingElement;
    };
    interface HTMLExitButtonElement extends Components.ExitButton, HTMLStencilElement {
    }
    var HTMLExitButtonElement: {
        prototype: HTMLExitButtonElement;
        new (): HTMLExitButtonElement;
    };
    interface HTMLFlexContainerElement extends Components.FlexContainer, HTMLStencilElement {
    }
    var HTMLFlexContainerElement: {
        prototype: HTMLFlexContainerElement;
        new (): HTMLFlexContainerElement;
    };
    interface HTMLFullBioElement extends Components.FullBio, HTMLStencilElement {
    }
    var HTMLFullBioElement: {
        prototype: HTMLFullBioElement;
        new (): HTMLFullBioElement;
    };
    interface HTMLFullwidthBeigeStripElement extends Components.FullwidthBeigeStrip, HTMLStencilElement {
    }
    var HTMLFullwidthBeigeStripElement: {
        prototype: HTMLFullwidthBeigeStripElement;
        new (): HTMLFullwidthBeigeStripElement;
    };
    interface HTMLFullwidthStripElement extends Components.FullwidthStrip, HTMLStencilElement {
    }
    var HTMLFullwidthStripElement: {
        prototype: HTMLFullwidthStripElement;
        new (): HTMLFullwidthStripElement;
    };
    interface HTMLGalleryThumbnailElement extends Components.GalleryThumbnail, HTMLStencilElement {
    }
    var HTMLGalleryThumbnailElement: {
        prototype: HTMLGalleryThumbnailElement;
        new (): HTMLGalleryThumbnailElement;
    };
    interface HTMLGalleryThumbnailStackedElement extends Components.GalleryThumbnailStacked, HTMLStencilElement {
    }
    var HTMLGalleryThumbnailStackedElement: {
        prototype: HTMLGalleryThumbnailStackedElement;
        new (): HTMLGalleryThumbnailStackedElement;
    };
    interface HTMLGetInvolvedElement extends Components.GetInvolved, HTMLStencilElement {
    }
    var HTMLGetInvolvedElement: {
        prototype: HTMLGetInvolvedElement;
        new (): HTMLGetInvolvedElement;
    };
    interface HTMLGridLandingElement extends Components.GridLanding, HTMLStencilElement {
    }
    var HTMLGridLandingElement: {
        prototype: HTMLGridLandingElement;
        new (): HTMLGridLandingElement;
    };
    interface HTMLGridLandingItemElement extends Components.GridLandingItem, HTMLStencilElement {
    }
    var HTMLGridLandingItemElement: {
        prototype: HTMLGridLandingItemElement;
        new (): HTMLGridLandingItemElement;
    };
    interface HTMLGroupTabElement extends Components.GroupTab, HTMLStencilElement {
    }
    var HTMLGroupTabElement: {
        prototype: HTMLGroupTabElement;
        new (): HTMLGroupTabElement;
    };
    interface HTMLGroupedCandidateDisplayElement extends Components.GroupedCandidateDisplay, HTMLStencilElement {
    }
    var HTMLGroupedCandidateDisplayElement: {
        prototype: HTMLGroupedCandidateDisplayElement;
        new (): HTMLGroupedCandidateDisplayElement;
    };
    interface HTMLImageSliderAutoElement extends Components.ImageSliderAuto, HTMLStencilElement {
    }
    var HTMLImageSliderAutoElement: {
        prototype: HTMLImageSliderAutoElement;
        new (): HTMLImageSliderAutoElement;
    };
    interface HTMLImageTextElement extends Components.ImageText, HTMLStencilElement {
    }
    var HTMLImageTextElement: {
        prototype: HTMLImageTextElement;
        new (): HTMLImageTextElement;
    };
    interface HTMLKclsuButtonElement extends Components.KclsuButton, HTMLStencilElement {
    }
    var HTMLKclsuButtonElement: {
        prototype: HTMLKclsuButtonElement;
        new (): HTMLKclsuButtonElement;
    };
    interface HTMLKclsuCountdownElement extends Components.KclsuCountdown, HTMLStencilElement {
    }
    var HTMLKclsuCountdownElement: {
        prototype: HTMLKclsuCountdownElement;
        new (): HTMLKclsuCountdownElement;
    };
    interface HTMLKclsuModalElement extends Components.KclsuModal, HTMLStencilElement {
    }
    var HTMLKclsuModalElement: {
        prototype: HTMLKclsuModalElement;
        new (): HTMLKclsuModalElement;
    };
    interface HTMLKclsuSearchElement extends Components.KclsuSearch, HTMLStencilElement {
    }
    var HTMLKclsuSearchElement: {
        prototype: HTMLKclsuSearchElement;
        new (): HTMLKclsuSearchElement;
    };
    interface HTMLKclsuTabsElement extends Components.KclsuTabs, HTMLStencilElement {
    }
    var HTMLKclsuTabsElement: {
        prototype: HTMLKclsuTabsElement;
        new (): HTMLKclsuTabsElement;
    };
    interface HTMLKclsuTabsContainerElement extends Components.KclsuTabsContainer, HTMLStencilElement {
    }
    var HTMLKclsuTabsContainerElement: {
        prototype: HTMLKclsuTabsContainerElement;
        new (): HTMLKclsuTabsContainerElement;
    };
    interface HTMLLabelCardElement extends Components.LabelCard, HTMLStencilElement {
    }
    var HTMLLabelCardElement: {
        prototype: HTMLLabelCardElement;
        new (): HTMLLabelCardElement;
    };
    interface HTMLLazyImageElement extends Components.LazyImage, HTMLStencilElement {
    }
    var HTMLLazyImageElement: {
        prototype: HTMLLazyImageElement;
        new (): HTMLLazyImageElement;
    };
    interface HTMLLoadingSpinnerElement extends Components.LoadingSpinner, HTMLStencilElement {
    }
    var HTMLLoadingSpinnerElement: {
        prototype: HTMLLoadingSpinnerElement;
        new (): HTMLLoadingSpinnerElement;
    };
    interface HTMLMobileHideElement extends Components.MobileHide, HTMLStencilElement {
    }
    var HTMLMobileHideElement: {
        prototype: HTMLMobileHideElement;
        new (): HTMLMobileHideElement;
    };
    interface HTMLModalBackdropElement extends Components.ModalBackdrop, HTMLStencilElement {
    }
    var HTMLModalBackdropElement: {
        prototype: HTMLModalBackdropElement;
        new (): HTMLModalBackdropElement;
    };
    interface HTMLNewsCardElement extends Components.NewsCard, HTMLStencilElement {
    }
    var HTMLNewsCardElement: {
        prototype: HTMLNewsCardElement;
        new (): HTMLNewsCardElement;
    };
    interface HTMLPageBannerElement extends Components.PageBanner, HTMLStencilElement {
    }
    var HTMLPageBannerElement: {
        prototype: HTMLPageBannerElement;
        new (): HTMLPageBannerElement;
    };
    interface HTMLPageContentElement extends Components.PageContent, HTMLStencilElement {
    }
    var HTMLPageContentElement: {
        prototype: HTMLPageContentElement;
        new (): HTMLPageContentElement;
    };
    interface HTMLPageFooterElement extends Components.PageFooter, HTMLStencilElement {
    }
    var HTMLPageFooterElement: {
        prototype: HTMLPageFooterElement;
        new (): HTMLPageFooterElement;
    };
    interface HTMLPresetCardElement extends Components.PresetCard, HTMLStencilElement {
    }
    var HTMLPresetCardElement: {
        prototype: HTMLPresetCardElement;
        new (): HTMLPresetCardElement;
    };
    interface HTMLPresetControlsElement extends Components.PresetControls, HTMLStencilElement {
    }
    var HTMLPresetControlsElement: {
        prototype: HTMLPresetControlsElement;
        new (): HTMLPresetControlsElement;
    };
    interface HTMLProfileCardElement extends Components.ProfileCard, HTMLStencilElement {
    }
    var HTMLProfileCardElement: {
        prototype: HTMLProfileCardElement;
        new (): HTMLProfileCardElement;
    };
    interface HTMLProfileCardLayoutElement extends Components.ProfileCardLayout, HTMLStencilElement {
    }
    var HTMLProfileCardLayoutElement: {
        prototype: HTMLProfileCardLayoutElement;
        new (): HTMLProfileCardLayoutElement;
    };
    interface HTMLProfileLogoCardElement extends Components.ProfileLogoCard, HTMLStencilElement {
    }
    var HTMLProfileLogoCardElement: {
        prototype: HTMLProfileLogoCardElement;
        new (): HTMLProfileLogoCardElement;
    };
    interface HTMLProfileTabsElement extends Components.ProfileTabs, HTMLStencilElement {
    }
    var HTMLProfileTabsElement: {
        prototype: HTMLProfileTabsElement;
        new (): HTMLProfileTabsElement;
    };
    interface HTMLProjectCardElement extends Components.ProjectCard, HTMLStencilElement {
    }
    var HTMLProjectCardElement: {
        prototype: HTMLProjectCardElement;
        new (): HTMLProjectCardElement;
    };
    interface HTMLProjectCardEventsElement extends Components.ProjectCardEvents, HTMLStencilElement {
    }
    var HTMLProjectCardEventsElement: {
        prototype: HTMLProjectCardEventsElement;
        new (): HTMLProjectCardEventsElement;
    };
    interface HTMLProjectHeadingElement extends Components.ProjectHeading, HTMLStencilElement {
    }
    var HTMLProjectHeadingElement: {
        prototype: HTMLProjectHeadingElement;
        new (): HTMLProjectHeadingElement;
    };
    interface HTMLProjectImageElement extends Components.ProjectImage, HTMLStencilElement {
    }
    var HTMLProjectImageElement: {
        prototype: HTMLProjectImageElement;
        new (): HTMLProjectImageElement;
    };
    interface HTMLProjectPageElement extends Components.ProjectPage, HTMLStencilElement {
    }
    var HTMLProjectPageElement: {
        prototype: HTMLProjectPageElement;
        new (): HTMLProjectPageElement;
    };
    interface HTMLProjectSocialsElement extends Components.ProjectSocials, HTMLStencilElement {
    }
    var HTMLProjectSocialsElement: {
        prototype: HTMLProjectSocialsElement;
        new (): HTMLProjectSocialsElement;
    };
    interface HTMLScrollObserverElement extends Components.ScrollObserver, HTMLStencilElement {
    }
    var HTMLScrollObserverElement: {
        prototype: HTMLScrollObserverElement;
        new (): HTMLScrollObserverElement;
    };
    interface HTMLShowSupportElement extends Components.ShowSupport, HTMLStencilElement {
    }
    var HTMLShowSupportElement: {
        prototype: HTMLShowSupportElement;
        new (): HTMLShowSupportElement;
    };
    interface HTMLSupportOptionElement extends Components.SupportOption, HTMLStencilElement {
    }
    var HTMLSupportOptionElement: {
        prototype: HTMLSupportOptionElement;
        new (): HTMLSupportOptionElement;
    };
    interface HTMLSupportProgressElement extends Components.SupportProgress, HTMLStencilElement {
    }
    var HTMLSupportProgressElement: {
        prototype: HTMLSupportProgressElement;
        new (): HTMLSupportProgressElement;
    };
    interface HTMLTabAreaElement extends Components.TabArea, HTMLStencilElement {
    }
    var HTMLTabAreaElement: {
        prototype: HTMLTabAreaElement;
        new (): HTMLTabAreaElement;
    };
    interface HTMLTabTitleElement extends Components.TabTitle, HTMLStencilElement {
    }
    var HTMLTabTitleElement: {
        prototype: HTMLTabTitleElement;
        new (): HTMLTabTitleElement;
    };
    interface HTMLTextCardElement extends Components.TextCard, HTMLStencilElement {
    }
    var HTMLTextCardElement: {
        prototype: HTMLTextCardElement;
        new (): HTMLTextCardElement;
    };
    interface HTMLVideoEmbedElement extends Components.VideoEmbed, HTMLStencilElement {
    }
    var HTMLVideoEmbedElement: {
        prototype: HTMLVideoEmbedElement;
        new (): HTMLVideoEmbedElement;
    };
    interface HTMLVideoGalleryElement extends Components.VideoGallery, HTMLStencilElement {
    }
    var HTMLVideoGalleryElement: {
        prototype: HTMLVideoGalleryElement;
        new (): HTMLVideoGalleryElement;
    };
    interface HTMLVideoGalleryStackedElement extends Components.VideoGalleryStacked, HTMLStencilElement {
    }
    var HTMLVideoGalleryStackedElement: {
        prototype: HTMLVideoGalleryStackedElement;
        new (): HTMLVideoGalleryStackedElement;
    };
    interface HTMLElementTagNameMap {
        "arrow-button": HTMLArrowButtonElement;
        "campaign-aim": HTMLCampaignAimElement;
        "campaign-news": HTMLCampaignNewsElement;
        "campaign-tabs": HTMLCampaignTabsElement;
        "candidate-display": HTMLCandidateDisplayElement;
        "candidate-upload": HTMLCandidateUploadElement;
        "cloudinary-app": HTMLCloudinaryAppElement;
        "cookie-modal": HTMLCookieModalElement;
        "desktop-hide": HTMLDesktopHideElement;
        "elections-candidates": HTMLElectionsCandidatesElement;
        "elections-footer": HTMLElectionsFooterElement;
        "elections-tab": HTMLElectionsTabElement;
        "event-card": HTMLEventCardElement;
        "events-listing": HTMLEventsListingElement;
        "exit-button": HTMLExitButtonElement;
        "flex-container": HTMLFlexContainerElement;
        "full-bio": HTMLFullBioElement;
        "fullwidth-beige-strip": HTMLFullwidthBeigeStripElement;
        "fullwidth-strip": HTMLFullwidthStripElement;
        "gallery-thumbnail": HTMLGalleryThumbnailElement;
        "gallery-thumbnail-stacked": HTMLGalleryThumbnailStackedElement;
        "get-involved": HTMLGetInvolvedElement;
        "grid-landing": HTMLGridLandingElement;
        "grid-landing-item": HTMLGridLandingItemElement;
        "group-tab": HTMLGroupTabElement;
        "grouped-candidate-display": HTMLGroupedCandidateDisplayElement;
        "image-slider-auto": HTMLImageSliderAutoElement;
        "image-text": HTMLImageTextElement;
        "kclsu-button": HTMLKclsuButtonElement;
        "kclsu-countdown": HTMLKclsuCountdownElement;
        "kclsu-modal": HTMLKclsuModalElement;
        "kclsu-search": HTMLKclsuSearchElement;
        "kclsu-tabs": HTMLKclsuTabsElement;
        "kclsu-tabs-container": HTMLKclsuTabsContainerElement;
        "label-card": HTMLLabelCardElement;
        "lazy-image": HTMLLazyImageElement;
        "loading-spinner": HTMLLoadingSpinnerElement;
        "mobile-hide": HTMLMobileHideElement;
        "modal-backdrop": HTMLModalBackdropElement;
        "news-card": HTMLNewsCardElement;
        "page-banner": HTMLPageBannerElement;
        "page-content": HTMLPageContentElement;
        "page-footer": HTMLPageFooterElement;
        "preset-card": HTMLPresetCardElement;
        "preset-controls": HTMLPresetControlsElement;
        "profile-card": HTMLProfileCardElement;
        "profile-card-layout": HTMLProfileCardLayoutElement;
        "profile-logo-card": HTMLProfileLogoCardElement;
        "profile-tabs": HTMLProfileTabsElement;
        "project-card": HTMLProjectCardElement;
        "project-card-events": HTMLProjectCardEventsElement;
        "project-heading": HTMLProjectHeadingElement;
        "project-image": HTMLProjectImageElement;
        "project-page": HTMLProjectPageElement;
        "project-socials": HTMLProjectSocialsElement;
        "scroll-observer": HTMLScrollObserverElement;
        "show-support": HTMLShowSupportElement;
        "support-option": HTMLSupportOptionElement;
        "support-progress": HTMLSupportProgressElement;
        "tab-area": HTMLTabAreaElement;
        "tab-title": HTMLTabTitleElement;
        "text-card": HTMLTextCardElement;
        "video-embed": HTMLVideoEmbedElement;
        "video-gallery": HTMLVideoGalleryElement;
        "video-gallery-stacked": HTMLVideoGalleryStackedElement;
    }
}
declare namespace LocalJSX {
    interface ArrowButton {
        /**
          * The callback function for the button
         */
        "callback"?: () => void;
        /**
          * Set the direction of the arrow button (and the side of the containing element it appears on)
         */
        "direction"?: string;
        /**
          * Turn the button purple
         */
        "purple"?: boolean;
    }
    interface CampaignAim {
    }
    interface CampaignNews {
        /**
          * The MSL organisation ID where the news is kept - filled in automatically by campaign-tabs parent
         */
        "newsid"?: string;
    }
    interface CampaignTabs {
        /**
          * The URL of the facebook page or group
         */
        "facebook"?: string;
        /**
          * The MSL organisation ID where the news is kept
         */
        "newsid"?: string;
        /**
          * The URL of the document for the Strategy Doc uploaded under Resources for that campaign organisation.
         */
        "strategydoc"?: string;
    }
    interface CandidateDisplay {
        "data"?: any;
        /**
          * URL for a page to hold breakdowns, as a fallback option
         */
        "electionid"?: string | number;
        /**
          * URL for a page to hold breakdowns, as a fallback option
         */
        "emitpostid"?: boolean;
        /**
          * URL for a page to hold breakdowns, as a fallback option
         */
        "fallbackbreakdownurl"?: any;
        /**
          * Using legacy data
         */
        "legacy"?: boolean;
    }
    interface CandidateUpload {
        /**
          * MSL ELections ID
         */
        "electionid"?: string;
        /**
          * The JSON generated from the browser-side uploaded excel spreadsheet
         */
        "spreadsheetdata"?: any;
        /**
          * Either 'candidates' or 'results'. Will set the firebase url and key map
         */
        "stage"?: string;
    }
    interface CloudinaryApp {
        /**
          * The Cloudinary image id - provided using the browser-side upload script, or using the the node server function
         */
        "public_id"?: string;
    }
    interface CookieModal {
        "config"?: cookieConfig;
        "daysvalid"?: number;
        "devmode"?: boolean;
    }
    interface DesktopHide {
        /**
          * In addition to hiding all children content in screens desktop + bigger, this will hide content in screens tablet + bigger
         */
        "hidetablet"?: boolean;
    }
    interface ElectionsCandidates {
        /**
          * The election ID from MSL!
         */
        "electionid"?: string;
        /**
          * Choose to use a single page to keep all post result breakdowns. Appears on each candidate profile card, in the breakdown link
         */
        "fallbackbreakdownurl"?: any;
        /**
          * Use the legacy system for results
         */
        "legacy"?: boolean;
        /**
          * Filter out RON profiles in the candidate listing
         */
        "removeron"?: boolean;
        /**
          * Set to true to display results data. False to display All Candidates
         */
        "results"?: boolean;
    }
    interface ElectionsFooter {
    }
    interface ElectionsTab {
        "active"?: boolean;
        "combineresults"?: boolean;
        "injectcandidates"?: string;
        "posts"?: string;
        "tabtitle"?: string;
        "type"?: 'single' | 'multiple' | 'groupings';
    }
    interface EventCard {
        /**
          * The title for the card - usually a full name
         */
        "cardtitle"?: string;
        /**
          * A sub heading - usually the date
         */
        "date"?: string;
        /**
          * The ID string for click events, using Stencil's Emitter. Only applies to card's bottom right link- DEVELOPER USE
         */
        "emitid"?: string;
        /**
          * The image URL
         */
        "image"?: string;
        /**
          * Specifiy which part of the image to focus on. Defaults to center
         */
        "imagefocus"?: 'center' | 'top' | 'bottom' | 'right' | 'left' | 'faces';
        /**
          * The URL link for the primary text link on the bottom left of the card
         */
        "link"?: string;
        /**
          * Applies to lazy loading of images. Remove lazy loading
         */
        "nolazy"?: boolean;
        "onEmitClick"?: (event: CustomEvent<any>) => void;
        /**
          * A call back function to be supplied for the first (left hand side) call to action, as well as the clickable name
         */
        "primaryfn"?: () => void;
    }
    interface EventsListing {
        /**
          * Choose the card component for each event
         */
        "cardtype"?: 'label' | 'text' | 'profile';
        /**
          * Show event cards in a column
         */
        "col"?: boolean;
        /**
          * The Call To Action text in the link on profile cards
         */
        "cta"?: string;
        /**
          * The MSL event tag to filter events
         */
        "eventtag": string;
        /**
          * The max number of events to display
         */
        "limit"?: string;
    }
    interface ExitButton {
        /**
          * The callback function for the button
         */
        "callback"?: () => void;
        /**
          * Change the colour of the exit button to purple
         */
        "purple"?: boolean;
    }
    interface FlexContainer {
        /**
          * The same as the 'justify-content' flex property along the x axis
         */
        "alignx"?: string;
        /**
          * The same as the 'align-items' flex property along the y axis
         */
        "aligny"?: string;
        /**
          * Set the flex direction: column, reverse-column, row, reverse-row
         */
        "direction"?: string;
        /**
          * Ensure the container stretches the full width and height of parent container
         */
        "fillcontainer"?: boolean;
        /**
          * In mobile display in column direction - NOT YET RELEASED
         */
        "mobcolumn"?: boolean;
        /**
          * If the parent container element needs to be an <ul> list element
         */
        "renderlist"?: boolean;
        /**
          * Add flex-wrap to flex items
         */
        "wrap"?: boolean;
    }
    interface FullBio {
        "data"?: any;
    }
    interface FullwidthBeigeStrip {
    }
    interface FullwidthStrip {
        "color"?: string;
        "height"?: string;
    }
    interface GalleryThumbnail {
        "active"?: boolean;
        "cardheight"?: string;
        "emitid"?: string;
        "image"?: string;
        "onEmitClick"?: (event: CustomEvent<any>) => void;
        "videotitle"?: string;
    }
    interface GalleryThumbnailStacked {
        "active"?: boolean;
        "cardheight"?: string;
        "emitid"?: string;
        "image"?: string;
        "onEmitClick"?: (event: CustomEvent<any>) => void;
        "videotitle"?: string;
    }
    interface GetInvolved {
        /**
          * The typeform URL
         */
        "typeform"?: string;
    }
    interface GridLanding {
    }
    interface GridLandingItem {
        "height"?: string;
        "label"?: string;
        "width"?: string;
    }
    interface GroupTab {
        /**
          * Set this Group Tab as the active tab
         */
        "active"?: boolean;
        /**
          * The exact post names as appeared in MSL, separated by a pipe character |
         */
        "exclude"?: string;
        "regex"?: string;
        "replace"?: string;
        "searchterms"?: string;
        /**
          * The title for the tab for this group
         */
        "tabtitle"?: string;
    }
    interface GroupedCandidateDisplay {
        "data"?: any;
        /**
          * URL for a page to hold breakdowns, as a fallback option
         */
        "electionid"?: number;
        /**
          * URL for a page to hold breakdowns, as a fallback option
         */
        "emitpostid"?: boolean;
        /**
          * URL for a page to hold breakdowns, as a fallback option
         */
        "fallbackbreakdownurl"?: any;
        /**
          * Using legacy data
         */
        "legacy"?: boolean;
    }
    interface ImageSliderAuto {
        "classes"?: string;
        /**
          * A string of images
         */
        "images"?: string[];
        "interval"?: number;
    }
    interface ImageText {
        /**
          * This turns the component into a card, rather than just an image/text layout
         */
        "card"?: boolean;
        /**
          * The primary image focus area. standard CSS object-position values to set a focus area on the image. EG 'center left'
         */
        "focusarea"?: string;
        /**
          * The title at the top of the text
         */
        "heading"?: string;
        /**
          * Applies to mobilescreen displays only. Will hide the image and display content only
         */
        "hideimage"?: boolean;
        /**
          * The image link (get from Cloudinary)
         */
        "image"?: string;
        /**
          * Provide a set % width for the image. Takes a  number without the % sign
         */
        "imagewidth"?: string;
        /**
          * Animate the image (scale in) on scroll
         */
        "imagezoom"?: boolean;
        /**
          * Set the margin for the card
         */
        "margin"?: string;
        /**
          * When the image and content stack, reverse the order so the image is on top
         */
        "reversestack"?: boolean;
        /**
          * Applies to MOBILE / TABLET <780px screens only. Paragraph and heading sizes reduced
         */
        "smalltext"?: boolean;
        /**
          * Switch the side the image is on.
         */
        "switch"?: boolean;
        /**
          * The paragraph text
         */
        "text"?: string;
        /**
          * Choose the colour for the paragraph text
         */
        "textcolour"?: string;
    }
    interface KclsuButton {
        /**
          * Centres the button in the page
         */
        "center"?: boolean;
        /**
          * Provide a custom click function handler. Use emitid rather if a parent component is listening for event.
         */
        "clickfn"?: () => void;
        /**
          * Makes the link download
         */
        "download"?: boolean;
        /**
          * Event Listener name
         */
        "emitid"?: string;
        /**
          * Give the button a fixed width
         */
        "fixedwidth"?: string;
        /**
          * Adds icon to the button
         */
        "icon"?: string;
        /**
          * The URL to link to
         */
        "link"?: string;
        /**
          * specify a margin, otherwise uses default
         */
        "margin"?: string;
        /**
          * Opens the link in a new tab
         */
        "newtab"?: boolean;
        "onEmitClick"?: (event: CustomEvent<any>) => void;
        /**
          * Make the button a secondary purple button
         */
        "purple"?: boolean;
        /**
          * Give the button rounded corners
         */
        "rounded"?: boolean;
        /**
          * Make the button small
         */
        "small"?: boolean;
        /**
          * The text for the button
         */
        "text"?: string;
        /**
          * Makes the button very small
         */
        "verysmall"?: boolean;
    }
    interface KclsuCountdown {
        /**
          * The date to countdown to. Must match date string format
         */
        "date": string;
        /**
          * Optional: set a fixed font-size for tablet, desktop and wider.
         */
        "fontsize"?: any;
        /**
          * The margin of the countdown clock
         */
        "margin"?: string;
        /**
          * Give the message text a white block background
         */
        "msgbg"?: boolean;
        /**
          * The text beneath the countdown
         */
        "text"?: string;
        /**
          * Optional: set a colour for the text beneath the countdown.
         */
        "textcolour"?: any;
        /**
          * The width of the countdown clock - in Pixels ONLY
         */
        "width"?: string;
    }
    interface KclsuModal {
        /**
          * This will allow a user to click away and hide the modal when open
         */
        "autoexit"?: boolean;
        /**
          * Set custom width, height and background colour
         */
        "custom"?: string;
        /**
          * Supply a callback function to be invoked when modal is opened
         */
        "enterfn"?: () => void;
        /**
          * Supply a callback function to be invoked when modal is closed
         */
        "exitfn"?: () => void;
        /**
          * Provide a comma separated list of container web components inside the modal - for trapping focus
         */
        "innercmps"?: string;
        /**
          * Set position to absolute or other. Defaults to fixed
         */
        "position"?: string;
        /**
          * Controls when the modal is open and visible or not
         */
        "show"?: boolean;
        /**
          * Provide a comma separated list of element selectors which contain slotted content
         */
        "slotparents"?: string;
    }
    interface KclsuSearch {
        /**
          * If searching an custom web component, provide the name of the atrribute to query
         */
        "attr"?: string;
        /**
          * The container of the search result / search field, used to hide the element from results. Can be a tag, class or id
         */
        "containerselector": string;
        /**
          * Remove the error message if there are no search results
         */
        "noerror"?: boolean;
        /**
          * The text inside the search input, which disappears once a user starts typing
         */
        "placeholdertext"?: string;
        /**
          * If searching the text of an HTML element, provide the element's selector - tag, class or id
         */
        "selector"?: string;
    }
    interface KclsuTabs {
        "variant"?: Variants;
    }
    interface KclsuTabsContainer {
    }
    interface LabelCard {
        /**
          * Add a custom shadow colour to the card
         */
        "boxshadow"?: string;
        /**
          * If a button included, the link for the button
         */
        "buttonlink"?: string;
        /**
          * If a button included, the text for the button
         */
        "buttontitle"?: string;
        /**
          * Specify a fixed cardheight
         */
        "cardheight"?: string;
        /**
          * The main title of the card
         */
        "cardtitle"?: string;
        /**
          * Specify a fixed card with
         */
        "cardwidth"?: string;
        /**
          * The main title of the card
         */
        "highlightText"?: boolean;
        /**
          * The image URL for the card. Defaults to the kclsu logo
         */
        "image"?: string;
        /**
          * The link for the card - NOT for the button
         */
        "link"?: string;
        /**
          * Give the card a custom margin
         */
        "margin"?: string;
        /**
          * If image to be displayed on right hand side
         */
        "reverse"?: boolean;
        /**
          * Make the card the smallest height possible
         */
        "smallestheight"?: boolean;
        /**
          * This will reduce the size of the heading in the card
         */
        "smallheading"?: boolean;
        /**
          * The sub text beneath the title
         */
        "text"?: string;
        /**
          * the teal border on the left side of the card
         */
        "withleftborder"?: boolean;
    }
    interface LazyImage {
        /**
          * The alt tag of the image
         */
        "alt"?: string;
        /**
          * Image will scale into view
         */
        "animatein"?: boolean;
        /**
          * Provide a custom cloudinary transformation. Must be in format: string,string,string eg: c_fill,f_auto,fl_any_format
         */
        "customtransform"?: string;
        /**
          * The % percentage of desktop screens the image will take up. Number only without percent symbol
         */
        "desktop"?: string;
        /**
          * Use standard CSS object-position values to set a focus area on the image. EG 'center left'
         */
        "focusarea"?: string;
        /**
          * The image URL. Must be a kclsu, cloudinary or kclsu firebase url
         */
        "image"?: string;
        /**
          * Set a minimum pixel width for the image rendered
         */
        "minwidth"?: string;
        /**
          * The % percentage of mobile screens the image will take up. Number only without percent symbol
         */
        "mobile"?: string;
        /**
          * Remove lazy-loading functionality. Retains Object Fit positioing
         */
        "nolazy"?: boolean;
        /**
          * If you want to render an img element in a responsive container without object positioning
         */
        "plainimg"?: boolean;
        /**
          * A ratio for the image in decimal form. This will fetch the image from cloudinary with an appropriate height at each responsive breakpoint
         */
        "ratio"?: string;
        /**
          * Recommended. Provide the exact width for the image supplied
         */
        "suppliedwidth"?: string;
        /**
          * Render image an a PNG with transparency
         */
        "withtransparency"?: boolean;
    }
    interface LoadingSpinner {
        /**
          * Set margin of spinner
         */
        "margin"?: string;
        /**
          * Display the spinner
         */
        "show"?: boolean;
    }
    interface MobileHide {
        /**
          * In addition to hiding all children in screens mobile, this will hide content in screens tablet + smaller
         */
        "hidetablet"?: boolean;
    }
    interface ModalBackdrop {
        "onExitModal"?: (event: CustomEvent<any>) => void;
        /**
          * NEVER set directly. Set in parent component
         */
        "position"?: string;
        /**
          * NEVER set directly. Set in parent component
         */
        "showbg"?: boolean;
    }
    interface NewsCard {
        /**
          * The MSL link for the news post
         */
        "newslink"?: string;
        /**
          * The title for the news post
         */
        "newstitle"?: string;
    }
    interface PageBanner {
        /**
          * Supply a background image for the banner
         */
        "bgimage"?: string;
        /**
          * The colours for the background & text of <project-heading>, separated with a comma. eg "text colour, bg colour"
         */
        "colourscheme"?: string;
        /**
          * The <h2> heading for the section
         */
        "heading"?: string;
        /**
          * Supply an image for the banner
         */
        "image"?: string;
        /**
          * Supply a custom height for the banner image
         */
        "imageheight"?: string;
        /**
          * Supply an custom width for the banner image
         */
        "imagewidth"?: string;
        /**
          * If a landing page
         */
        "landing"?: boolean;
        /**
          * The <h1> heading for a page. There should only be one pagetitle for page. Use the heading attribute for other titles.
         */
        "pagetitle"?: string;
        /**
          * The colours for the <h1> heading, separated with a comma. eg "h1 colour, bg colour"
         */
        "pagetitlecolours"?: string;
        /**
          * The paragraph text. If you need text links or separate paragraphs, rather insert HTML.
         */
        "text"?: string;
        /**
          * Supply a video URL
         */
        "video"?: string;
    }
    interface PageContent {
    }
    interface PageFooter {
        "bgcolor"?: string;
        "colone"?: string;
        "colthree"?: string;
        "coltwo"?: string;
        "logo"?: string;
        "textcolor"?: string;
    }
    interface PresetCard {
        "dimensions"?: string;
        "onSelectPreset"?: (event: CustomEvent<any>) => void;
        "presetid"?: string;
        "presetname"?: string;
    }
    interface PresetControls {
        "onSubmitEdits"?: (event: CustomEvent<any>) => void;
    }
    interface ProfileCard {
        /**
          * The text for the primary text link bottom left
         */
        "cta"?: string;
        /**
          * The ID string for click events, using Stencil's Emitter. Only applies to card's bottom right link- DEVELOPER USE
         */
        "emitid"?: string;
        /**
          * The image URL
         */
        "image"?: string;
        /**
          * Specifiy which part of the image to focus on. Defaults to center
         */
        "imagefocus"?: 'center' | 'top' | 'bottom' | 'right' | 'left' | 'faces';
        /**
          * The URL link for the primary text link on the bottom left of the card
         */
        "link"?: string;
        /**
          * The title for the card - usually a full name
         */
        "name"?: string;
        /**
          * Applies to lazy loading of images. Remove lazy loading
         */
        "nolazy"?: boolean;
        "onEmitClick"?: (event: CustomEvent<any>) => void;
        /**
          * A sub heading - usually a position or field title
         */
        "position"?: string;
        /**
          * A call back function to be supplied for the first (left hand side) call to action, as well as the clickable name
         */
        "primaryfn"?: () => void;
        /**
          * A call back function to be supplied for the second (right hand side) call to action
         */
        "secondaryfn"?: () => void;
        /**
          * The text for the secondary text link bottom right
         */
        "secondcta"?: string;
        /**
          * A second URL link for the bottom right of the card
         */
        "secondlink"?: string;
    }
    interface ProfileCardLayout {
    }
    interface ProfileLogoCard {
        /**
          * The text title of the card
         */
        "cardtitle": string;
        /**
          * The background image URL
         */
        "image"?: string;
        /**
          * Specify which part of the image you want to focus - top, bottom, right, left, center
         */
        "imagefocus"?: string;
        /**
          * The URL link for the the card
         */
        "link"?: string;
        /**
          * The logo image URL - at least 150x150px, must be a square image.
         */
        "logo"?: string;
        /**
          * OPTIONAL - if you are using a transparent text icon and need to set a background colour
         */
        "logocolour"?: string;
    }
    interface ProfileTabs {
        /**
          * Specify Tab ID you want to keep open by default
         */
        "activeid"?: string;
        /**
          * The URL of the database to fetch profiles from (firebase)
         */
        "database"?: string;
        /**
          * Array with child arrays containing Tab Heading, Tab ID, and Text(optional)
         */
        "headings"?: any;
    }
    interface ProjectCard {
        /**
          * Position the content of the card along the X axis
         */
        "alignx"?: string;
        /**
          * Position the content of the card along the Y axis
         */
        "aligny"?: string;
        /**
          * If displaying events, set a custom URL for 'all events' in place of dynamically created URL
         */
        "alleventsurl"?: string;
        /**
          * Display an event listing
         */
        "eventtag"?: string;
        /**
          * The primary image focus area. standard CSS object-position values to set a focus area on the image. EG 'center left'
         */
        "focusarea"?: string;
        "heading"?: string;
        /**
          * Applies to mobile displays only. Will hide the image and display content only
         */
        "hideimage"?: boolean;
        "image"?: string;
        "text"?: string;
        "transparent"?: boolean;
    }
    interface ProjectCardEvents {
        /**
          * Optional. Supply a URL which the All Events button will link to if there are events. Otherwise this is dynamically set.
         */
        "alleventsurl"?: string;
        /**
          * The main heading
         */
        "heading"?: string;
        /**
          * The MSL Event tag
         */
        "tag"?: string;
    }
    interface ProjectHeading {
        /**
          * The colours for the background & text of <project-heading>, separated with a comma. eg "text colour, bg colour"
         */
        "colourscheme"?: string;
        /**
          * The <h2> heading for the section
         */
        "heading"?: string;
        /**
          * The <h1> heading for a page. There should only be one pagetitle for page. Use the heading attribute for other titles.
         */
        "pagetitle"?: string;
        /**
          * The colours for the <h1> heading, separated with a comma. eg "h1 colour, bg colour"
         */
        "pagetitlecolours"?: string;
        /**
          * The paragraph text. If you need text links or separate paragraphs, rather insert HTML.
         */
        "text"?: string;
    }
    interface ProjectImage {
        /**
          * The alt tage for the image
         */
        "alt"?: string;
        /**
          * Choose an area of the image to focus: top, left, right, bottom
         */
        "focusarea"?: string;
        /**
          * The image URL link
         */
        "link"?: string;
        /**
          * If the image is pixelated, you could set a minium width for the rendered image
         */
        "minwidth"?: string;
    }
    interface ProjectPage {
        /**
          * The colours for the background & text of <project-heading>, separated with a comma. eg "text colour, bg colour"
         */
        "colourscheme"?: string;
        /**
          * The colours for the <h1> heading, separated with a comma. eg "h1 colour, bg colour"
         */
        "pagetitlecolours"?: string;
    }
    interface ProjectSocials {
        /**
          * The colours for the background & text of <project-heading>, separated with a comma. eg "text colour, bg colour"
         */
        "colourscheme"?: string;
        /**
          * The hashtag used in social media. Do not include the hash symbol
         */
        "hashtag"?: string;
        /**
          * For developers only. The name of the slot for this component to be inserted
         */
        "slotr"?: string;
    }
    interface ScrollObserver {
        /**
          * Select the animation name for the child component on intersection. Choose from list of supplied animations
         */
        "animation"?: string;
        /**
          * If true, the component will render a child lazy-image
         */
        "lazyimage"?: boolean;
    }
    interface ShowSupport {
    }
    interface SupportOption {
        "heading"?: string;
        "supportname"?: string;
    }
    interface SupportProgress {
        "current"?: any;
        "maxtotal"?: any;
        "supportname"?: string;
    }
    interface TabArea {
        "active"?: boolean;
        "name"?: string;
        "onCloseArea"?: (event: CustomEvent<any>) => void;
        "pagemodal"?: boolean;
    }
    interface TabTitle {
        /**
          * Is the tab title active, and corresponding tab area visible
         */
        "active"?: boolean;
        /**
          * A unique name, matching the name of the tab area component
         */
        "name"?: string;
        "onSelectFocussableElement"?: (event: CustomEvent<any>) => void;
        "onSelectTabName"?: (event: CustomEvent<any>) => void;
        "pagemodal"?: boolean;
        "variant"?: Variants;
    }
    interface TextCard {
        /**
          * The purple heading in the card
         */
        "cardtitle": string;
        /**
          * The Url link you want to link to
         */
        "link"?: string;
        /**
          * Any extra text. If you want it to be empty, add empty string value:  ""
         */
        "subtext"?: string;
    }
    interface VideoEmbed {
        /**
          * The id of the Youtube Video - found in the URL eg youtube.com/watch?v={VIDEO_ID}
         */
        "embedid"?: any;
        /**
          * The URL of the Youtube video you want to display - CURRENTLY NOT WORKING
         */
        "url"?: string;
    }
    interface VideoGallery {
        /**
          * The Youtube URL for any given playlist
         */
        "playlist": any;
    }
    interface VideoGalleryStacked {
        /**
          * The Youtube URL for any given playlist
         */
        "playlist": any;
        /**
          * This will display the current selected video. Desktop and tablet only
         */
        "showcurrent"?: boolean;
        /**
          * This will randomise the order of the thumbnails
         */
        "shuffle"?: boolean;
    }
    interface IntrinsicElements {
        "arrow-button": ArrowButton;
        "campaign-aim": CampaignAim;
        "campaign-news": CampaignNews;
        "campaign-tabs": CampaignTabs;
        "candidate-display": CandidateDisplay;
        "candidate-upload": CandidateUpload;
        "cloudinary-app": CloudinaryApp;
        "cookie-modal": CookieModal;
        "desktop-hide": DesktopHide;
        "elections-candidates": ElectionsCandidates;
        "elections-footer": ElectionsFooter;
        "elections-tab": ElectionsTab;
        "event-card": EventCard;
        "events-listing": EventsListing;
        "exit-button": ExitButton;
        "flex-container": FlexContainer;
        "full-bio": FullBio;
        "fullwidth-beige-strip": FullwidthBeigeStrip;
        "fullwidth-strip": FullwidthStrip;
        "gallery-thumbnail": GalleryThumbnail;
        "gallery-thumbnail-stacked": GalleryThumbnailStacked;
        "get-involved": GetInvolved;
        "grid-landing": GridLanding;
        "grid-landing-item": GridLandingItem;
        "group-tab": GroupTab;
        "grouped-candidate-display": GroupedCandidateDisplay;
        "image-slider-auto": ImageSliderAuto;
        "image-text": ImageText;
        "kclsu-button": KclsuButton;
        "kclsu-countdown": KclsuCountdown;
        "kclsu-modal": KclsuModal;
        "kclsu-search": KclsuSearch;
        "kclsu-tabs": KclsuTabs;
        "kclsu-tabs-container": KclsuTabsContainer;
        "label-card": LabelCard;
        "lazy-image": LazyImage;
        "loading-spinner": LoadingSpinner;
        "mobile-hide": MobileHide;
        "modal-backdrop": ModalBackdrop;
        "news-card": NewsCard;
        "page-banner": PageBanner;
        "page-content": PageContent;
        "page-footer": PageFooter;
        "preset-card": PresetCard;
        "preset-controls": PresetControls;
        "profile-card": ProfileCard;
        "profile-card-layout": ProfileCardLayout;
        "profile-logo-card": ProfileLogoCard;
        "profile-tabs": ProfileTabs;
        "project-card": ProjectCard;
        "project-card-events": ProjectCardEvents;
        "project-heading": ProjectHeading;
        "project-image": ProjectImage;
        "project-page": ProjectPage;
        "project-socials": ProjectSocials;
        "scroll-observer": ScrollObserver;
        "show-support": ShowSupport;
        "support-option": SupportOption;
        "support-progress": SupportProgress;
        "tab-area": TabArea;
        "tab-title": TabTitle;
        "text-card": TextCard;
        "video-embed": VideoEmbed;
        "video-gallery": VideoGallery;
        "video-gallery-stacked": VideoGalleryStacked;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "arrow-button": LocalJSX.ArrowButton & JSXBase.HTMLAttributes<HTMLArrowButtonElement>;
            "campaign-aim": LocalJSX.CampaignAim & JSXBase.HTMLAttributes<HTMLCampaignAimElement>;
            "campaign-news": LocalJSX.CampaignNews & JSXBase.HTMLAttributes<HTMLCampaignNewsElement>;
            "campaign-tabs": LocalJSX.CampaignTabs & JSXBase.HTMLAttributes<HTMLCampaignTabsElement>;
            "candidate-display": LocalJSX.CandidateDisplay & JSXBase.HTMLAttributes<HTMLCandidateDisplayElement>;
            "candidate-upload": LocalJSX.CandidateUpload & JSXBase.HTMLAttributes<HTMLCandidateUploadElement>;
            "cloudinary-app": LocalJSX.CloudinaryApp & JSXBase.HTMLAttributes<HTMLCloudinaryAppElement>;
            "cookie-modal": LocalJSX.CookieModal & JSXBase.HTMLAttributes<HTMLCookieModalElement>;
            "desktop-hide": LocalJSX.DesktopHide & JSXBase.HTMLAttributes<HTMLDesktopHideElement>;
            "elections-candidates": LocalJSX.ElectionsCandidates & JSXBase.HTMLAttributes<HTMLElectionsCandidatesElement>;
            "elections-footer": LocalJSX.ElectionsFooter & JSXBase.HTMLAttributes<HTMLElectionsFooterElement>;
            "elections-tab": LocalJSX.ElectionsTab & JSXBase.HTMLAttributes<HTMLElectionsTabElement>;
            "event-card": LocalJSX.EventCard & JSXBase.HTMLAttributes<HTMLEventCardElement>;
            "events-listing": LocalJSX.EventsListing & JSXBase.HTMLAttributes<HTMLEventsListingElement>;
            "exit-button": LocalJSX.ExitButton & JSXBase.HTMLAttributes<HTMLExitButtonElement>;
            "flex-container": LocalJSX.FlexContainer & JSXBase.HTMLAttributes<HTMLFlexContainerElement>;
            "full-bio": LocalJSX.FullBio & JSXBase.HTMLAttributes<HTMLFullBioElement>;
            "fullwidth-beige-strip": LocalJSX.FullwidthBeigeStrip & JSXBase.HTMLAttributes<HTMLFullwidthBeigeStripElement>;
            "fullwidth-strip": LocalJSX.FullwidthStrip & JSXBase.HTMLAttributes<HTMLFullwidthStripElement>;
            "gallery-thumbnail": LocalJSX.GalleryThumbnail & JSXBase.HTMLAttributes<HTMLGalleryThumbnailElement>;
            "gallery-thumbnail-stacked": LocalJSX.GalleryThumbnailStacked & JSXBase.HTMLAttributes<HTMLGalleryThumbnailStackedElement>;
            "get-involved": LocalJSX.GetInvolved & JSXBase.HTMLAttributes<HTMLGetInvolvedElement>;
            "grid-landing": LocalJSX.GridLanding & JSXBase.HTMLAttributes<HTMLGridLandingElement>;
            "grid-landing-item": LocalJSX.GridLandingItem & JSXBase.HTMLAttributes<HTMLGridLandingItemElement>;
            "group-tab": LocalJSX.GroupTab & JSXBase.HTMLAttributes<HTMLGroupTabElement>;
            "grouped-candidate-display": LocalJSX.GroupedCandidateDisplay & JSXBase.HTMLAttributes<HTMLGroupedCandidateDisplayElement>;
            "image-slider-auto": LocalJSX.ImageSliderAuto & JSXBase.HTMLAttributes<HTMLImageSliderAutoElement>;
            "image-text": LocalJSX.ImageText & JSXBase.HTMLAttributes<HTMLImageTextElement>;
            "kclsu-button": LocalJSX.KclsuButton & JSXBase.HTMLAttributes<HTMLKclsuButtonElement>;
            "kclsu-countdown": LocalJSX.KclsuCountdown & JSXBase.HTMLAttributes<HTMLKclsuCountdownElement>;
            "kclsu-modal": LocalJSX.KclsuModal & JSXBase.HTMLAttributes<HTMLKclsuModalElement>;
            "kclsu-search": LocalJSX.KclsuSearch & JSXBase.HTMLAttributes<HTMLKclsuSearchElement>;
            "kclsu-tabs": LocalJSX.KclsuTabs & JSXBase.HTMLAttributes<HTMLKclsuTabsElement>;
            "kclsu-tabs-container": LocalJSX.KclsuTabsContainer & JSXBase.HTMLAttributes<HTMLKclsuTabsContainerElement>;
            "label-card": LocalJSX.LabelCard & JSXBase.HTMLAttributes<HTMLLabelCardElement>;
            "lazy-image": LocalJSX.LazyImage & JSXBase.HTMLAttributes<HTMLLazyImageElement>;
            "loading-spinner": LocalJSX.LoadingSpinner & JSXBase.HTMLAttributes<HTMLLoadingSpinnerElement>;
            "mobile-hide": LocalJSX.MobileHide & JSXBase.HTMLAttributes<HTMLMobileHideElement>;
            "modal-backdrop": LocalJSX.ModalBackdrop & JSXBase.HTMLAttributes<HTMLModalBackdropElement>;
            "news-card": LocalJSX.NewsCard & JSXBase.HTMLAttributes<HTMLNewsCardElement>;
            "page-banner": LocalJSX.PageBanner & JSXBase.HTMLAttributes<HTMLPageBannerElement>;
            "page-content": LocalJSX.PageContent & JSXBase.HTMLAttributes<HTMLPageContentElement>;
            "page-footer": LocalJSX.PageFooter & JSXBase.HTMLAttributes<HTMLPageFooterElement>;
            "preset-card": LocalJSX.PresetCard & JSXBase.HTMLAttributes<HTMLPresetCardElement>;
            "preset-controls": LocalJSX.PresetControls & JSXBase.HTMLAttributes<HTMLPresetControlsElement>;
            "profile-card": LocalJSX.ProfileCard & JSXBase.HTMLAttributes<HTMLProfileCardElement>;
            "profile-card-layout": LocalJSX.ProfileCardLayout & JSXBase.HTMLAttributes<HTMLProfileCardLayoutElement>;
            "profile-logo-card": LocalJSX.ProfileLogoCard & JSXBase.HTMLAttributes<HTMLProfileLogoCardElement>;
            "profile-tabs": LocalJSX.ProfileTabs & JSXBase.HTMLAttributes<HTMLProfileTabsElement>;
            "project-card": LocalJSX.ProjectCard & JSXBase.HTMLAttributes<HTMLProjectCardElement>;
            "project-card-events": LocalJSX.ProjectCardEvents & JSXBase.HTMLAttributes<HTMLProjectCardEventsElement>;
            "project-heading": LocalJSX.ProjectHeading & JSXBase.HTMLAttributes<HTMLProjectHeadingElement>;
            "project-image": LocalJSX.ProjectImage & JSXBase.HTMLAttributes<HTMLProjectImageElement>;
            "project-page": LocalJSX.ProjectPage & JSXBase.HTMLAttributes<HTMLProjectPageElement>;
            "project-socials": LocalJSX.ProjectSocials & JSXBase.HTMLAttributes<HTMLProjectSocialsElement>;
            "scroll-observer": LocalJSX.ScrollObserver & JSXBase.HTMLAttributes<HTMLScrollObserverElement>;
            "show-support": LocalJSX.ShowSupport & JSXBase.HTMLAttributes<HTMLShowSupportElement>;
            "support-option": LocalJSX.SupportOption & JSXBase.HTMLAttributes<HTMLSupportOptionElement>;
            "support-progress": LocalJSX.SupportProgress & JSXBase.HTMLAttributes<HTMLSupportProgressElement>;
            "tab-area": LocalJSX.TabArea & JSXBase.HTMLAttributes<HTMLTabAreaElement>;
            "tab-title": LocalJSX.TabTitle & JSXBase.HTMLAttributes<HTMLTabTitleElement>;
            "text-card": LocalJSX.TextCard & JSXBase.HTMLAttributes<HTMLTextCardElement>;
            "video-embed": LocalJSX.VideoEmbed & JSXBase.HTMLAttributes<HTMLVideoEmbedElement>;
            "video-gallery": LocalJSX.VideoGallery & JSXBase.HTMLAttributes<HTMLVideoGalleryElement>;
            "video-gallery-stacked": LocalJSX.VideoGalleryStacked & JSXBase.HTMLAttributes<HTMLVideoGalleryStackedElement>;
        }
    }
}