declare module "saagie-ui" {
    export {capitalize} from "src/js/_helpers/capitalize"
    export {forEachElement} from "src/js/_helpers/forEachElement"
    export {toggleComponent} from "src/js/_helpers/toggleComponent"
    export {Tooltip} from "src/js/atoms/tooltip"
    export {Dropdown} from "src/js/organisms/dropdown"
    export {Modal} from "src/js/organisms/modal"
    export {Popup} from "src/js/organisms/popup"
    export {SidePanel} from "src/js/organisms/sidePanel"
}

  declare module "saagie-ui/react" {
    export {AddPlaceholder} from "src/react/core/atoms/addPlaceholder/AddPlaceholder"
    export {Avatar} from "src/react/core/atoms/avatar/Avatar"
    export {Badge} from "src/react/core/atoms/badge/Badge"
    export {Button} from "src/react/core/atoms/button/Button"
    export {FormCheck} from "src/react/core/atoms/formCheck/FormCheck"
    export {FormControlInput} from "src/react/core/atoms/formControlInput/FormControlInput"
    export {FormControlSelect} from "src/react/core/atoms/formControlSelect/FormControlSelect"
    export {FormControlSelectThemeDefault} from "src/react/core/atoms/formControlSelect/themes/FormControlSelectThemeDefault"
    export {FormControlSelectThemeWhite} from "src/react/core/atoms/formControlSelect/themes/FormControlSelectThemeWhite"
    export {FormFeedback} from "src/react/core/atoms/formFeedback/FormFeedback"
    export {FormHelper} from "src/react/core/atoms/formHelper/FormHelper"
    export {FormLabel} from "src/react/core/atoms/formLabel/FormLabel"
    export {FormOptionsGroup} from "src/react/core/atoms/formOptionsGroup/FormOptionsGroup"
    export {FormOptionsGroupItem} from "src/react/core/atoms/formOptionsGroup/FormOptionsGroupItem"
    export {FormPassword} from "src/react/core/atoms/formPassword/FormPassword"
    export {FormRange} from "src/react/core/atoms/formRange/FormRange"
    export {Icon} from "src/react/core/atoms/icon/Icon"
    export {InfoText} from "src/react/core/atoms/infoText/InfoText"
    export {LabelValue} from "src/react/core/atoms/labelValue/LabelValue"
    export {Loader} from "src/react/core/atoms/loader/Loader"
    export {LogLine} from "src/react/core/atoms/logLine/LogLine"
    export {Paper} from "src/react/core/atoms/paper/Paper"
    export {ProgressBar} from "src/react/core/atoms/progressBar/ProgressBar"
    export {StepIndicator} from "src/react/core/atoms/stepIndicator/StepIndicator"
    export {StepIndicatorItem} from "src/react/core/atoms/stepIndicator/StepIndicatorItem"
    export {StepIndicatorMessage} from "src/react/core/atoms/stepIndicator/StepIndicatorMessage"
    export {TechnologyBadge} from "src/react/core/atoms/technologyBadge/TechnologyBadge"
    export {Text} from "src/react/core/atoms/text/Text"
    export {Thumbnail} from "src/react/core/atoms/thumbnail/Thumbnail"
    export {TimeDisplay} from "src/react/core/atoms/timeDisplay/TimeDisplay"
    export {TimeFromNow} from "src/react/core/atoms/timeFromNow/TimeFromNow"
    export {Tooltip} from "src/react/core/atoms/tooltip/Tooltip"
    export {ClickAwayListener} from "src/react/core/helpers/clickAwayListener/ClickAwayListener"
    export {useDisclosure} from "src/react/core/helpers/useDisclosure"
    export {useEventCallback} from "src/react/core/helpers/useEventCallback"
    export {useForkRef} from "src/react/core/helpers/useForkRef"
    export {useLayoutFocusMode} from "src/react/core/helpers/useLayoutFocusMode"
    export {Container} from "src/react/core/layout/container/Container"
    export {Page} from "src/react/core/layout/page/Page"
    export {PageContent} from "src/react/core/layout/page/PageContent"
    export {PageEmptyState} from "src/react/core/layout/page/PageEmptyState"
    export {PageFooter} from "src/react/core/layout/page/PageFooter"
    export {PageLoader} from "src/react/core/layout/page/PageLoader"
    export {PageTopbar} from "src/react/core/layout/page/PageTopbar"
    export {PageHeader} from "src/react/core/layout/pageHeader/PageHeader"
    export {SecondLevelNav} from "src/react/core/layout/secondLevelNav/SecondLevelNav"
    export {SecondLevelNavContextual} from "src/react/core/layout/secondLevelNav/SecondLevelNavContextual"
    export {SecondLevelNavContextualAction} from "src/react/core/layout/secondLevelNav/SecondLevelNavContextualAction"
    export {SecondLevelNavContextualFooter} from "src/react/core/layout/secondLevelNav/SecondLevelNavContextualFooter"
    export {SecondLevelNavContextualInfo} from "src/react/core/layout/secondLevelNav/SecondLevelNavContextualInfo"
    export {SecondLevelNavLink} from "src/react/core/layout/secondLevelNav/SecondLevelNavLink"
    export {SecondLevelNavTitle} from "src/react/core/layout/secondLevelNav/SecondLevelNavTitle"
    export {AddBox} from "src/react/core/molecules/addBox/AddBox"
    export {AvatarStack} from "src/react/core/molecules/avatarStack/AvatarStack"
    export {Breadcrumb} from "src/react/core/molecules/breadcrumb/Breadcrumb"
    export {BreadcrumbItem} from "src/react/core/molecules/breadcrumb/BreadcrumbItem"
    export {BreadcrumbItemContainer} from "src/react/core/molecules/breadcrumb/BreadcrumbItemContainer"
    export {CallOut} from "src/react/core/molecules/callout/CallOut"
    export {CallOutDescription} from "src/react/core/molecules/callout/CallOutDescription"
    export {CallOutTitle} from "src/react/core/molecules/callout/CallOutTitle"
    export {EmptyState} from "src/react/core/molecules/emptyState/EmptyState"
    export {FormGroup} from "src/react/core/molecules/formGroup/FormGroup"
    export {FormList} from "src/react/core/molecules/formList/FormList"
    export {FormListItem} from "src/react/core/molecules/formList/FormListItem"
    export {Logs} from "src/react/core/molecules/logs/Logs"
    export {Message} from "src/react/core/molecules/message/Message"
    export {SearchBar} from "src/react/core/molecules/searchBar/SearchBar"
    export {SearchEmptyState} from "src/react/core/molecules/searchEmptyState/SearchEmptyState"
    export {Tab} from "src/react/core/molecules/tabs/Tab"
    export {TabList} from "src/react/core/molecules/tabs/TabList"
    export {TabPanel} from "src/react/core/molecules/tabs/TabPanel"
    export {Tabs} from "src/react/core/molecules/tabs/Tabs"
    export {TabsProvider} from "src/react/core/molecules/tabs/TabsProvider"
    export {Accordion} from "src/react/core/organisms/accordion/Accordion"
    export {AccordionBody} from "src/react/core/organisms/accordion/AccordionBody"
    export {AccordionItem} from "src/react/core/organisms/accordion/AccordionItem"
    export {AccordionTitle} from "src/react/core/organisms/accordion/AccordionTitle"
    export {Confirm} from "src/react/core/organisms/confirm/Confirm"
    export {Datalist} from "src/react/core/organisms/datalist/Datalist"
    export {DatalistCol} from "src/react/core/organisms/datalist/DatalistCol"
    export {DatalistColActions} from "src/react/core/organisms/datalist/DatalistColActions"
    export {DatalistColIcon} from "src/react/core/organisms/datalist/DatalistColIcon"
    export {DatalistDescription} from "src/react/core/organisms/datalist/DatalistDescription"
    export {DatalistRow} from "src/react/core/organisms/datalist/DatalistRow"
    export {DatalistTitle} from "src/react/core/organisms/datalist/DatalistTitle"
    export {helpers} from "src/react/core/organisms/datalist/helpers"
    export {DatePicker} from "src/react/core/organisms/datePicker/DatePicker"
    export {Dropdown} from "src/react/core/organisms/dropdown/Dropdown"
    export {DropdownItem} from "src/react/core/organisms/dropdown/DropdownItem"
    export {DropdownMenu} from "src/react/core/organisms/dropdown/DropdownMenu"
    export {DropdownSpacer} from "src/react/core/organisms/dropdown/DropdownSpacer"
    export {DropdownSubmenu} from "src/react/core/organisms/dropdown/DropdownSubmenu"
    export {DropdownSubmenuList} from "src/react/core/organisms/dropdown/DropdownSubmenuList"
    export {DropdownSubmenuToggle} from "src/react/core/organisms/dropdown/DropdownSubmenuToggle"
    export {DropdownToggle} from "src/react/core/organisms/dropdown/DropdownToggle"
    export {ListSearchFilters} from "src/react/core/organisms/listSearchFilters/ListSearchFilters"
    export {Modal} from "src/react/core/organisms/modal/Modal"
    export {ModalBody} from "src/react/core/organisms/modal/ModalBody"
    export {ModalCloseButton} from "src/react/core/organisms/modal/ModalCloseButton"
    export {ModalContent} from "src/react/core/organisms/modal/ModalContent"
    export {ModalFooter} from "src/react/core/organisms/modal/ModalFooter"
    export {ModalHeader} from "src/react/core/organisms/modal/ModalHeader"
    export {ModalInput} from "src/react/core/organisms/modal/ModalInput"
    export {ModalTitle} from "src/react/core/organisms/modal/ModalTitle"
    export {Notification} from "src/react/core/organisms/notification/Notification"
    export {NotificationActions} from "src/react/core/organisms/notification/NotificationActions"
    export {NotificationItem} from "src/react/core/organisms/notification/NotificationItem"
    export {NotificationProvider} from "src/react/core/organisms/notification/NotificationProvider"
    export {PagePopin} from "src/react/core/organisms/pagePopin/PagePopin"
    export {PagePopinActionButton} from "src/react/core/organisms/pagePopin/PagePopinActionButton"
    export {SecondaryNav} from "src/react/core/organisms/secondaryNav/SecondaryNav"
    export {SecondaryNavBackButton} from "src/react/core/organisms/secondaryNav/SecondaryNavBackButton"
    export {SecondaryNavContent} from "src/react/core/organisms/secondaryNav/SecondaryNavContent"
    export {SecondaryNavGroup} from "src/react/core/organisms/secondaryNav/SecondaryNavGroup"
    export {SecondaryNavHeader} from "src/react/core/organisms/secondaryNav/SecondaryNavHeader"
    export {SecondaryNavLink} from "src/react/core/organisms/secondaryNav/SecondaryNavLink"
    export {SecondaryNavPanel} from "src/react/core/organisms/secondaryNav/SecondaryNavPanel"
    export {SecondaryNavParentLink} from "src/react/core/organisms/secondaryNav/SecondaryNavParentLink"
    export {SecondaryNavToggle} from "src/react/core/organisms/secondaryNav/SecondaryNavToggle"
    export {TransferDatalist} from "src/react/core/organisms/transferDatalist/TransferDatalist"
}

  declare module "saagie-ui/react/formsy" {
    export {FieldCheck} from "src/react/formsy/fieldCheck/FieldCheck"
    export {FieldCodemirror} from "src/react/formsy/fieldCodemirror/FieldCodemirror"
    export {FieldInput} from "src/react/formsy/fieldInput/FieldInput"
    export {FieldPassword} from "src/react/formsy/fieldPassword/FieldPassword"
    export {FieldSelect} from "src/react/formsy/fieldSelect/FieldSelect"
    export {FieldSlider} from "src/react/formsy/fieldSlider/FieldSlider"
    export {FieldTextarea} from "src/react/formsy/fieldTextarea/FieldTextarea"
    export {FormMultiSteps} from "src/react/formsy/formMultiSteps/FormMultiSteps"
    export {FormMultiStepsFooter} from "src/react/formsy/formMultiSteps/FormMultiStepsFooter"
    export {FormMultiStepsHeader} from "src/react/formsy/formMultiSteps/FormMultiStepsHeader"
    export {FormMultiStepsItem} from "src/react/formsy/formMultiSteps/FormMultiStepsItem"
}

  declare module "saagie-ui/react/projects" {
    export {InstanceQuickview} from "src/react/projects/instanceQuickview/InstanceQuickview"
    export {InstanceQuickviewDot} from "src/react/projects/instanceQuickview/InstanceQuickviewDot"
    export {InstanceQuickviewItem} from "src/react/projects/instanceQuickview/InstanceQuickviewItem"
    export {InstanceQuickviewItemStack} from "src/react/projects/instanceQuickview/InstanceQuickviewItemStack"
    export {MapInteraction} from "src/react/projects/mapInteraction/MapInteraction"
    export {MapInteractionContext} from "src/react/projects/mapInteraction/MapInteractionContext"
    export {MapInteractionControls} from "src/react/projects/mapInteraction/MapInteractionControls"
    export {Pipeline} from "src/react/projects/pipeline/Pipeline"
    export {PipelineAddItem} from "src/react/projects/pipeline/PipelineAddItem"
    export {PipelineConnectors} from "src/react/projects/pipeline/PipelineConnectors"
    export {PipelineDragContainer} from "src/react/projects/pipeline/PipelineDragContainer"
    export {PipelineDragItem} from "src/react/projects/pipeline/PipelineDragItem"
    export {PipelineItem} from "src/react/projects/pipeline/PipelineItem"
    export {PipelineJob} from "src/react/projects/pipeline/PipelineJob"
    export {PipelineJobActions} from "src/react/projects/pipeline/PipelineJobActions"
    export {ProjectInstancesQuickview} from "src/react/projects/projectInstancesQuickview/ProjectInstancesQuickview"
    export {ProjectInstancesQuickviewItem} from "src/react/projects/projectInstancesQuickview/ProjectInstancesQuickviewItem"
    export {Status} from "src/react/projects/status/Status"
}

  declare module 'src/js/_helpers/capitalize' {
    import * as React from 'react';

}

declare module 'src/js/_helpers/forEachElement' {
    import * as React from 'react';

}

declare module 'src/js/_helpers/toggleComponent' {
    import * as React from 'react';

}

declare module 'src/js/atoms/tooltip' {
    import * as React from 'react';

}

declare module 'src/js/organisms/dropdown' {
    import * as React from 'react';

}

declare module 'src/js/organisms/modal' {
    import * as React from 'react';

}

declare module 'src/js/organisms/popup' {
    import * as React from 'react';

}

declare module 'src/js/organisms/sidePanel' {
    import * as React from 'react';

}

declare module 'src/react/core/atoms/addPlaceholder/AddPlaceholder' {
    import * as React from 'react';

    export type AddPlaceholderSize = "" | "sm" | "lg";

    export interface AddPlaceholderProps {
    [key: string]: any;
        /**
         * The content of the add placeholder.
         */
        children?: React.ReactNode;
        /**
         * The class to add to the root component.
         */
        className?: string;
        /**
         * The Add Placeholder size.
         */
        size?: AddPlaceholderSize;
        /**
         * Disable the add placeholder.
         */
        isDisabled?: boolean;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const AddPlaceholder: React.FC<AddPlaceholderProps>;

}

declare module 'src/react/core/atoms/avatar/Avatar' {
    import * as React from 'react';

    export type AvatarDefaultClassName = string | string[];

    export type AvatarSize = "" | "sm" | "lg" | "xl";

    export interface AvatarProps {
    [key: string]: any;
        /**
         * Define the number of users.
         * This prop is mostly used by AvatarStack component.
         */
        plus?: number;
        /**
         * @deprecated since 0.69.0, use src prop instead.
         * The image source to set for the Avatar component.
         */
        imgUrl?: string;
        /**
         * The image source to set for the Avatar component.
         */
        src?: string;
        /**
         * The user or group name. It will automagically set initials in the
         * Avatar component.
         */
        name?: string;
        /**
         * The icon name, you can find more info about the available names on the dedicated
         * page.
         */
        iconName?: string;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The default class of the component.
         */
        defaultClassName?: AvatarDefaultClassName;
        /**
         * The avatar size.
         */
        size?: AvatarSize;
        /**
         * The isGroup property will change the avatar shape, this will implicitly
         * inform the user that the avatar component is now part of a group?
         */
        isGroup?: boolean;
        /**
         * The isStacked property allows multiple Avatar component to stack on each other.
         * This will also add a light border to distinguish the different avatars.
         */
        isStacked?: boolean;
        /**
         * The isStacked property allows multiple Avatar component to stack on each other.
         * This will also add a dark border to distinguish the different avatars.
         */
        isStackedDark?: boolean;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const Avatar: React.FC<AvatarProps>;

    export const ContentRender: React.FC;

}

declare module 'src/react/core/atoms/badge/Badge' {
    import * as React from 'react';

    export type BadgeDefaultClassName = string | string[];

    export type BadgeColor = "" | "primary" | "secondary" | "tertiary" | "new" | "newtwo";

    export type BadgePosition = "" | "start" | "between" | "end";

    export type BadgeSize = "" | "xs" | "sm" | "lg" | "xl";

    export interface BadgeProps {
    [key: string]: any;
        /**
         * The badge content.
         */
        children?: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * The component default class.
         */
        defaultClassName?: BadgeDefaultClassName;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The badge color.
         * NOTE: success, warning and danger colors are DEPRECATED.
         */
        color?: BadgeColor;
        /**
         * The bagde position, so it can add space to the correct side.
         */
        position?: BadgePosition;
        /**
         * The badge size.
         */
        size?: BadgeSize;
        /**
         * Displays the badge as text only, no container around.
         */
        asText?: boolean;
    }

    export const Badge: React.FC<BadgeProps>;

}

declare module 'src/react/core/atoms/button/Button' {
    import * as React from 'react';

    export type ButtonDefaultClassName = string | string[];

    export type ButtonColor = "" | "primary" | "secondary" | "success" | "warning" | "danger" | "link" | "link-alt" | "action-play" | "action-stop" | "contextual";

    export type ButtonSize = "" | "xs" | "sm" | "lg" | "xl";

    export type ButtonMinWidth = "" | "xs" | "sm" | "md" | "lg" | "xl";

    export interface ButtonProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * The component default class.
         */
        defaultClassName?: ButtonDefaultClassName;
        /**
         * The Button content.
         */
        children?: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The Button color.
         * NOTE: action-* values add an icon to the Button.
         */
        color?: ButtonColor;
        /**
         * The Button size.
         */
        size?: ButtonSize;
        /**
         * The Button minimum width: to maintain consistency in size when Button components are aligned.
         */
        minWidth?: ButtonMinWidth;
        /**
         * The isSquare property will force the size of the Button so it is a square.
         * Long children content will be truncated.
         */
        isSquare?: boolean;
        /**
         * The Button will occupy all of the available width.
         */
        isBlock?: boolean;
        /**
         * The Button is displayed as disabled.
         */
        isDisabled?: boolean;
        /**
         * The Button is displayed as loading.
         * This will remove the children content to show a loader instead.
         * While loading, a Button is also considered disabled.
         */
        isLoading?: boolean;
        /**
         * The Button is displayed as contextual. This is useful for using the Button in other components.
         */
        isContextual?: boolean;
    }

    export const Button: React.FC<ButtonProps>;

    export const renderIcon: React.FC;

}

declare module 'src/react/core/atoms/formCheck/FormCheck' {
    import * as React from 'react';

    export type FormCheckColor = "" | "success" | "warning" | "danger";

    export type FormCheckDefaultClassName = string | string[];

    export type FormCheckVariant = "" | "button" | "button-light" | "button-denim-300" | "toggle";

    export interface FormCheckProps {
    [key: string]: any;
        /**
         * The content of the FormCheck label.
         */
        children?: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The color of the FormCheck, mainly used for validation state.
         */
        color?: FormCheckColor;
        /**
         * The component default class.
         */
        defaultClassName?: FormCheckDefaultClassName;
        /**
         * You can use the isIndeterminate prop to style the FormCheck so the user knows that the state
         * is indeterminate.
         */
        isIndeterminate?: boolean;
        /**
         * You can use the isInline prop so the FormCheck will be displayed inline.
         */
        isInline?: boolean;
        /**
         * You can use the isRadio prop, so the type of the input check is radio.
         */
        isRadio?: boolean;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * Customize the aspect of the FormCheck by using the variant prop.
         * Available options are button, button-light and toggle.
         */
        variant?: FormCheckVariant;
        /**
         * You can use this to pass prop to the label for example label
         */
        labelProps?: Object;
    }

    export const FormCheck: React.FC<FormCheckProps>;

}

declare module 'src/react/core/atoms/formControlInput/FormControlInput' {
    import * as React from 'react';

    export type FormControlInputColor = "" | "warning" | "danger" | "success" | "primary";

    export type FormControlInputDefaultClassName = string | string[];

    export interface FormControlInputProps {
    [key: string]: any;
        className?: string;
        color?: FormControlInputColor;
        defaultClassName?: FormControlInputDefaultClassName;
        isDisabled?: boolean;
        isInline?: boolean;
        isLoading?: boolean;
        isReadOnly?: boolean;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        wrapperClassName?: string;
    }

    export const FormControlInput: React.FC<FormControlInputProps>;

}

declare module 'src/react/core/atoms/formControlSelect/FormControlSelect' {
    import * as React from 'react';

    export type FormControlSelectDefaultClassName = string | string[];

    export type FormControlSelectSize = "" | "sm";

    export type FormControlSelectMenuPlacement = "auto" | "top" | "bottom";

    export interface FormControlSelectProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        className?: string;
        defaultClassName?: FormControlSelectDefaultClassName;
        /**
         * The Select size.
         */
        size?: FormControlSelectSize;
        isAsync?: boolean;
        isCreatable?: boolean;
        isDanger?: boolean;
        isDisabled?: boolean;
        isGroupOption?: boolean;
        isPrimary?: boolean;
        isSuccess?: boolean;
        isWarning?: boolean;
        menuPlacement?: FormControlSelectMenuPlacement;
        theme?: any;
    }

    export const FormControlSelect: React.FC<FormControlSelectProps>;

    export const formatGroupLabel: React.FC;

}

declare module 'src/react/core/atoms/formControlSelect/themes/FormControlSelectThemeDefault' {
    import * as React from 'react';

}

declare module 'src/react/core/atoms/formControlSelect/themes/FormControlSelectThemeWhite' {
    import * as React from 'react';

}

declare module 'src/react/core/atoms/formFeedback/FormFeedback' {
    import * as React from 'react';

    export type FormFeedbackDefaultClassName = string | string[];

    export type FormFeedbackColor = "" | "warning" | "danger" | "success";

    export interface FormFeedbackProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        children: React.ReactNode;
        defaultClassName?: FormFeedbackDefaultClassName;
        className?: string;
        color?: FormFeedbackColor;
    }

    export const FormFeedback: React.FC<FormFeedbackProps>;

}

declare module 'src/react/core/atoms/formHelper/FormHelper' {
    import * as React from 'react';

    export type FormHelperDefaultClassName = string | string[];

    export interface FormHelperProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        className?: string;
        defaultClassName?: FormHelperDefaultClassName;
    }

    export const FormHelper: React.FC<FormHelperProps>;

}

declare module 'src/react/core/atoms/formLabel/FormLabel' {
    import * as React from 'react';

    export type FormLabelDefaultClassName = string | string[];

    export type FormLabelColor = "" | "success" | "warning" | "danger";

    export type FormLabelSize = "" | "sm" | "lg";

    export interface FormLabelProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: FormLabelDefaultClassName;
        className?: string;
        color?: FormLabelColor;
        size?: FormLabelSize;
        isUppercase?: boolean;
    }

    export const FormLabel: React.FC<FormLabelProps>;

}

declare module 'src/react/core/atoms/formOptionsGroup/FormOptionsGroup' {
    import * as React from 'react';

    export type FormOptionsGroupDefaultClassName = string | string[];

    export interface FormOptionsGroupProps {
    [key: string]: any;
        className?: string;
        defaultClassName?: FormOptionsGroupDefaultClassName;
        isInline?: boolean;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const FormOptionsGroup: React.FC<FormOptionsGroupProps>;

}

declare module 'src/react/core/atoms/formOptionsGroup/FormOptionsGroupItem' {
    import * as React from 'react';

    export type FormOptionsGroupItemDefaultClassName = string | string[];

    export type FormOptionsGroupItemType = "default" | "light";

    export interface FormOptionsGroupItemProps {
    [key: string]: any;
        /**
         * The FormOptionsGroupItem content
         */
        children: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The component default class.
         */
        defaultClassName?: FormOptionsGroupItemDefaultClassName;
        /**
         * Disable the FormOptionsGroupItem.
         */
        isDisabled?: boolean;
        /**
         * Type of FormOptionsGroupItem.
         */
        type?: FormOptionsGroupItemType;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const FormOptionsGroupItem: React.FC<FormOptionsGroupItemProps>;

}

declare module 'src/react/core/atoms/formPassword/FormPassword' {
    import * as React from 'react';

    export type FormPasswordDefaultClassName = string | string[];

    export interface FormPasswordProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        className?: string;
        defaultClassName?: FormPasswordDefaultClassName;
        isInline?: boolean;
        /**
         * Object of props passed to the button hide/show
         */
        buttonProps?: Object;
    }

    export const FormPassword: React.FC<FormPasswordProps>;

}

declare module 'src/react/core/atoms/formRange/FormRange' {
    import * as React from 'react';

    export type FormRangeDefaultClassName = string | string[];

    export type FormRangeMin = number | string;

    export type FormRangeMax = number | string;

    export type FormRangeValue = number | string;

    export interface FormRangeProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        className?: string;
        defaultClassName?: FormRangeDefaultClassName;
        isDanger?: boolean;
        isDisabled?: boolean;
        isPrimary?: boolean;
        isSuccess?: boolean;
        isWarning?: boolean;
        min?: FormRangeMin;
        max?: FormRangeMax;
        value?: FormRangeValue;
        onChange?: (...args: any[])=>any;
        formatLabel?: (...args: any[])=>any;
    }

    export const FormRange: React.FC<FormRangeProps>;

}

declare module 'src/react/core/atoms/icon/Icon' {
    import * as React from 'react';

    export type IconDefaultClassName = string | string[];

    export type IconPosition = "" | "start" | "between" | "end";

    export type IconSize = "" | "sm" | "lg" | "xl";

    export interface IconProps {
    [key: string]: any;
        defaultClassName?: IconDefaultClassName;
        className?: string;
        name: string;
        position?: IconPosition;
        size?: IconSize;
        isSvgColor?: boolean;
        description?: string;
    }

    export const Icon: React.FC<IconProps>;

}

declare module 'src/react/core/atoms/infoText/InfoText' {
    import * as React from 'react';

    export type InfoTextColor = "" | "primary" | "warning" | "danger" | "success" | "light";

    export type InfoTextDefaultClassName = string | string[];

    export interface InfoTextProps {
    [key: string]: any;
        children: React.ReactNode;
        className?: string;
        color?: InfoTextColor;
        defaultClassName?: InfoTextDefaultClassName;
        iconName?: string;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const InfoText: React.FC<InfoTextProps>;

    export const ContentRender: React.FC;

}

declare module 'src/react/core/atoms/labelValue/LabelValue' {
    import * as React from 'react';

    export type LabelValueDefaultClassName = string | string[];

    export type LabelValueLabel = React.ReactNode | string;

    export type LabelValueSize = "" | "sm" | "lg";

    export interface LabelValueProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: LabelValueDefaultClassName;
        isLabelUppercase?: boolean;
        label?: LabelValueLabel;
        size?: LabelValueSize;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const LabelValue: React.FC<LabelValueProps>;

}

declare module 'src/react/core/atoms/loader/Loader' {
    import * as React from 'react';

    export type LoaderDefaultClassName = string | string[];

    export type LoaderColor = "" | "primary";

    export type LoaderPosition = "" | "start" | "between" | "end";

    export type LoaderSize = "" | "sm" | "lg" | "xl";

    export interface LoaderProps {
    [key: string]: any;
        className?: string;
        defaultClassName?: LoaderDefaultClassName;
        color?: LoaderColor;
        position?: LoaderPosition;
        size?: LoaderSize;
    }

    export const Loader: React.FC<LoaderProps>;

}

declare module 'src/react/core/atoms/logLine/LogLine' {
    import * as React from 'react';

    export type LogLineDefaultClassName = string | string[];

    export type LogLineNumber = number | string;

    export type LogLineStream = "stdout" | "stderr" | "orchestration_stdout" | "orchestration_stderr";

    export interface LogLineProps {
    [key: string]: any;
        /**
         * The log line content.
         */
        children?: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The component default class.
         */
        defaultClassName?: LogLineDefaultClassName;
        /**
         * Highlight the log line if true.
         */
        isHighlighted?: boolean;
        /**
         * The log line number.
         */
        number?: LogLineNumber;
        /**
         * Function called when the user clicks on the log line number.
         */
        onNumberClick?: (...args: any[])=>any;
        /**
         * The stream to use for this log line. Can be stdout for standard output, or
         * stderr for standard error.
         */
        stream?: LogLineStream;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * The time of the log, useful to give more information to the user.
         */
        time?: string;
    }

    export const LogLine: React.FC<LogLineProps>;

    export const buildLogLineNumber: React.FC;

}

declare module 'src/react/core/atoms/paper/Paper' {
    import * as React from 'react';

    export type PaperDefaultClassName = string | string[];

    export type PaperElevation = 100 | 200 | 300 | 400 | 500 | 600 | "100" | "200" | "300" | "400" | "500" | "600";

    export interface PaperProps {
    [key: string]: any;
        /**
         * The Paper content.
         */
        children?: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The component default class.
         */
        defaultClassName?: PaperDefaultClassName;
        /**
         * The Paper elevation. Accept string or number.
         */
        elevation?: PaperElevation;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const Paper: React.FC<PaperProps>;

}

declare module 'src/react/core/atoms/progressBar/ProgressBar' {
    import * as React from 'react';

    export type ProgressBarColor = "" | "primary" | "success" | "warning" | "danger";

    export type ProgressBarDefaultClassName = string | string[];

    export type ProgressBarSize = "" | "xs" | "sm" | "lg";

    export interface ProgressBarProps {
    [key: string]: any;
        className?: string;
        color?: ProgressBarColor;
        defaultClassName?: ProgressBarDefaultClassName;
        max?: string;
        size?: ProgressBarSize;
        role?: string;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        value?: string;
    }

    export const ProgressBar: React.FC<ProgressBarProps>;

}

declare module 'src/react/core/atoms/stepIndicator/StepIndicator' {
    import * as React from 'react';

    export type StepIndicatorDefaultClassName = string | string[];

    export interface StepIndicatorProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: StepIndicatorDefaultClassName;
        isInteractive?: boolean;
        currentStep?: number;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const StepIndicator: React.FC<StepIndicatorProps>;

}

declare module 'src/react/core/atoms/stepIndicator/StepIndicatorItem' {
    import * as React from 'react';

    export type StepIndicatorItemColor = "" | "warning" | "danger" | "success";

    export type StepIndicatorItemDefaultClassName = string | string[];

    export interface StepIndicatorItemProps {
    [key: string]: any;
        className?: string;
        color?: StepIndicatorItemColor;
        defaultClassName?: StepIndicatorItemDefaultClassName;
        isActive?: boolean;
        isDisabled?: boolean;
        message?: string;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const StepIndicatorItem: React.FC<StepIndicatorItemProps>;

}

declare module 'src/react/core/atoms/stepIndicator/StepIndicatorMessage' {
    import * as React from 'react';

    export type StepIndicatorMessageColor = "" | "warning" | "danger" | "success";

    export type StepIndicatorMessageDefaultClassName = string | string[];

    export interface StepIndicatorMessageProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        color?: StepIndicatorMessageColor;
        defaultClassName?: StepIndicatorMessageDefaultClassName;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const StepIndicatorMessage: React.FC<StepIndicatorMessageProps>;

}

declare module 'src/react/core/atoms/technologyBadge/TechnologyBadge' {
    import * as React from 'react';

    export type TechnologyBadgeDefaultClassName = string | string[];

    export type TechnologyBadgeSize = "" | "sm" | "lg" | "xl";

    export type TechnologyBadgeShadow = "none" | "100" | "200" | "300" | "400" | "500" | "600" | 100 | 200 | 300 | 400 | 500 | 600;

    export type TechnologyBadgeStatus = "available" | "deprecated" | "disabled" | "missing-elements";

    export interface TechnologyBadgeProps {
    [key: string]: any;
        /**
         * The TechnologyBadge content
         */
        children?: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The component default class.
         */
        defaultClassName?: TechnologyBadgeDefaultClassName;
        /**
         * The TechnologyBadge icon name.
         */
        icon?: string;
        /**
         * The TechnologyBadge icon url.
         */
        iconUrl?: string;
        /**
         * The TechnologyBadge label.
         */
        label?: string;
        /**
         * The TechnologyBadge size
         */
        size?: TechnologyBadgeSize;
        /**
         * The TechnologyBadge elevation.
         */
        shadow?: TechnologyBadgeShadow;
        /**
         * The TechnologyBadge display status.
         */
        status?: TechnologyBadgeStatus;
        /**
         * The TechnologyBadge padding around the icon.
         */
        isPadded?: boolean;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const TechnologyBadge: React.FC<TechnologyBadgeProps>;

    export const renderComponent: React.FC;

}

declare module 'src/react/core/atoms/text/Text' {
    import * as React from 'react';

    export type TextColor = "" | "primary" | "warning" | "danger" | "success" | "white" | "light" | "brand-primary";

    export type TextTextTransform = "" | "uppercase" | "lowercase" | "capitalized";

    export type TextTextAlign = "left" | "right" | "center";

    export type TextDefaultClassName = string | string[];

    export type TextFontSize = "xxs" | "xs" | "sm" | "ms" | "" | "ml" | "lg" | "xl" | "xxl";

    export type TextFontWeight = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black";

    export interface TextProps {
    [key: string]: any;
        /**
         * The component children
         */
        children: React.ReactNode;
        /**
         * A className passed to the component
         */
        className?: string;
        /**
         * The color of the text
         */
        color?: TextColor;
        /**
         * Transform the text
         */
        textTransform?: TextTextTransform;
        /**
         * Control the alignment of the text
         */
        textAlign?: TextTextAlign;
        /**
         * Should cut the text with ellipsis
         */
        isEllipsed?: boolean;
        /**
         * ClassName applied by default
         */
        defaultClassName?: TextDefaultClassName;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * The font-size of the text displayed
         */
        fontSize?: TextFontSize;
        /**
         * The font-weight of the text displayed
         */
        fontWeight?: TextFontWeight;
    }

    export const Text: React.FC<TextProps>;

}

declare module 'src/react/core/atoms/thumbnail/Thumbnail' {
    import * as React from 'react';

    export type ThumbnailDefaultClassName = string | string[];

    export type ThumbnailSize = "" | "xxs" | "xs" | "sm" | "lg" | "xl" | "xxl";

    export type ThumbnailRatio = "" | "3/4" | "16/9" | "2/1" | "1/2" | "4/3";

    export type ThumbnailShadow = "" | "100" | "200" | "300" | "400" | "500" | "600" | 100 | 200 | 300 | 400 | 500 | 600;

    export interface ThumbnailProps {
    [key: string]: any;
        children?: React.ReactElement<any>;
        className?: string;
        defaultClassName?: ThumbnailDefaultClassName;
        alt?: string;
        src?: string;
        size?: ThumbnailSize;
        ratio?: ThumbnailRatio;
        shadow?: ThumbnailShadow;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const Thumbnail: React.FC<ThumbnailProps>;

}

declare module 'src/react/core/atoms/timeDisplay/TimeDisplay' {
    import * as React from 'react';

    import dayjs from 'dayjs';

    export type TimeDisplayDate = number | string | Date | dayjs;

    export interface TimeDisplayProps {
    [key: string]: any;
        /**
         * The date can be a number, a string, a Date or a dayjs compatible format.
         * It will be parsed by dayjs.
         */
        date?: TimeDisplayDate;
        /**
         * Use this props to override standard behavior and use specific date format.
         */
        format?: string;
    }

    export const TimeDisplay: React.FC<TimeDisplayProps>;

}

declare module 'src/react/core/atoms/timeFromNow/TimeFromNow' {
    import * as React from 'react';

    import dayjs from 'dayjs';

    export type TimeFromNowDate = number | string | Date | dayjs;

    export interface TimeFromNowProps {
    [key: string]: any;
        /**
         * The date can be a number, a string, a Date or a dayjs compatible format.
         * It will be parsed by dayjs.
         */
        date?: TimeFromNowDate;
        /**
         * Set to true to show a Tooltip with the date.
         */
        shouldShowTooltip?: boolean;
        /**
         * The different properties available in the Tooltip component.
         */
        tooltipProps?: Object;
    }

    export const TimeFromNow: React.FC<TimeFromNowProps>;

}

declare module 'src/react/core/atoms/tooltip/Tooltip' {
    import * as React from 'react';

    export type TooltipColor = "" | "primary" | "secondary" | "success" | "warning" | "danger" | "light" | "dark" | "new";

    export type TooltipDefaultClassName = string | string[];

    export type TooltipHideDelayCustomTimeOut = 0.05 | 0.1 | 0.2 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;

    export type TooltipAutoDisplayCustomTimeOut = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;

    export type TooltipLabel = React.ReactNode | string;

    export type TooltipDefaultPlacement = "auto" | "top" | "right" | "bottom" | "left";

    export type TooltipSize = "" | "sm" | "md" | "lg";

    export type TooltipTag = ((...args: any[])=>any) | string;

    export type TooltipWrapperTag = ((...args: any[])=>any) | string;

    export interface TooltipProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        color?: TooltipColor;
        defaultClassName?: TooltipDefaultClassName;
        /**
         * Add a delay before closing the tooltip
         */
        hideDelay?: boolean;
        /**
         * The number of second before the closing of the tooltip when hideDelay is set to true
         */
        hideDelayCustomTimeOut?: TooltipHideDelayCustomTimeOut;
        /**
         * Automatically display the tooltip on first render
         */
        autoDisplay?: boolean;
        /**
         * The number of seconds before closing the tooltip when autoDisplay is set to true
         */
        autoDisplayCustomTimeOut?: TooltipAutoDisplayCustomTimeOut;
        isLight?: boolean;
        /**
         * deprecated 0.65
         */
        isPortalDisabled?: boolean;
        label?: TooltipLabel;
        portalTarget?: Element;
        defaultPlacement?: TooltipDefaultPlacement;
        size?: TooltipSize;
        tag?: TooltipTag;
        wrapperTag?: TooltipWrapperTag;
    }

    export const Tooltip: React.FC<TooltipProps>;

}

declare module 'src/react/core/helpers/clickAwayListener/ClickAwayListener' {
    import * as React from 'react';

    export interface ClickAwayListenerProps {
    [key: string]: any;
        /**
         * Children to set inside the Tabs.
         */
        children?: React.ReactNode;
        /**
         * Disable outside click.
         */
        isClickOutsideDisabled?: boolean;
        /**
         * Function to run when the user click outside of the component.
         */
        onClickOutside?: (...args: any[])=>any;
    }

    export const ClickAwayListener: React.FC<ClickAwayListenerProps>;

}

declare module 'src/react/core/helpers/useDisclosure' {
    import * as React from 'react';

}

declare module 'src/react/core/helpers/useEventCallback' {
    import * as React from 'react';

}

declare module 'src/react/core/helpers/useForkRef' {
    import * as React from 'react';

}

declare module 'src/react/core/helpers/useLayoutFocusMode' {
    import * as React from 'react';

}

declare module 'src/react/core/layout/container/Container' {
    import * as React from 'react';

    export type ContainerGutter = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | string;

    export type ContainerGutterHorizontal = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | string;

    export type ContainerGutterVertical = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | string;

    export type ContainerSize = "full" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";

    export interface ContainerProps {
    [key: string]: any;
        /**
         * The page content.
         */
        children?: React.ReactNode;
        /**
         * The size of the space around the page.
         * You can also use responsive values like 'xs sm@md md@lg'
         */
        gutter?: ContainerGutter;
        /**
         * The size of the horizontal space around the page.
         * You can also use responsive values like 'xs sm@md md@lg'
         */
        gutterHorizontal?: ContainerGutterHorizontal;
        /**
         * The size of the vertical space around the page.
         * You can also use responsive values like 'xs sm@md md@lg'
         */
        gutterVertical?: ContainerGutterVertical;
        /**
         * The content size.
         */
        size?: ContainerSize;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const Container: React.FC<ContainerProps>;

}

declare module 'src/react/core/layout/page/Page' {
    import * as React from 'react';

    export type PageDefaultClassName = string | string[];

    export type PageGutterHorizontal = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | string;

    export type PageSize = "full" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";

    export interface PageProps {
    [key: string]: any;
        /**
         * The page content.
         */
        children?: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The default class of the component.
         */
        defaultClassName?: PageDefaultClassName;
        /**
         * The size of the horizontal space around the page.
         * You can also use responsive values like 'xs sm@md md@lg'
         */
        gutterHorizontal?: PageGutterHorizontal;
        /**
         * The content size.
         */
        size?: PageSize;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const Page: React.FC<PageProps>;

}

declare module 'src/react/core/layout/page/PageContent' {
    import * as React from 'react';

    export interface PageContentProps {
    [key: string]: any;
        children?: React.ReactNode;
        tag?: any;
    }

    export const PageContent: React.FC<PageContentProps>;

}

declare module 'src/react/core/layout/page/PageEmptyState' {
    import * as React from 'react';

    export interface PageEmptyStateProps {
    [key: string]: any;
        title?: React.ReactNode;
        children?: React.ReactNode;
        image?: React.ReactNode;
        tag?: any;
    }

    export const PageEmptyState: React.FC<PageEmptyStateProps>;

    export const IllustrationRender: React.FC;

}

declare module 'src/react/core/layout/page/PageFooter' {
    import * as React from 'react';

    export interface PageFooterProps {
    [key: string]: any;
        children?: React.ReactNode;
        tag?: any;
    }

    export const PageFooter: React.FC<PageFooterProps>;

}

declare module 'src/react/core/layout/page/PageLoader' {
    import * as React from 'react';

    export interface PageLoaderProps {
    [key: string]: any;
        isLoading?: boolean;
        tag?: any;
    }

    export const PageLoader: React.FC<PageLoaderProps>;

}

declare module 'src/react/core/layout/page/PageTopbar' {
    import * as React from 'react';

    export interface PageTopbarProps {
    [key: string]: any;
        actions?: React.ReactNode;
        breadcrumb?: React.ReactNode;
        secondaryActions?: React.ReactNode;
        title?: React.ReactNode;
        tag?: any;
    }

    export const PageTopbar: React.FC<PageTopbarProps>;

}

declare module 'src/react/core/layout/pageHeader/PageHeader' {
    import * as React from 'react';

    export interface PageHeaderProps {
    [key: string]: any;
        badge?: React.ReactNode;
        children?: React.ReactNode;
        icon?: string;
        isIconColored?: boolean;
        title?: React.ReactNode;
    }

    export const PageHeader: React.FC<PageHeaderProps>;

}

declare module 'src/react/core/layout/secondLevelNav/SecondLevelNav' {
    import * as React from 'react';

    export interface SecondLevelNavProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        onToggle?: (...args: any[])=>any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const SecondLevelNav: React.FC<SecondLevelNavProps>;

}

declare module 'src/react/core/layout/secondLevelNav/SecondLevelNavContextual' {
    import * as React from 'react';

    export interface SecondLevelNavContextualProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const SecondLevelNavContextual: React.FC<SecondLevelNavContextualProps>;

}

declare module 'src/react/core/layout/secondLevelNav/SecondLevelNavContextualAction' {
    import * as React from 'react';

    export interface SecondLevelNavContextualActionProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        iconName?: string;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const SecondLevelNavContextualAction: React.FC<SecondLevelNavContextualActionProps>;

}

declare module 'src/react/core/layout/secondLevelNav/SecondLevelNavContextualFooter' {
    import * as React from 'react';

    export interface SecondLevelNavContextualFooterProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const SecondLevelNavContextualFooter: React.FC<SecondLevelNavContextualFooterProps>;

}

declare module 'src/react/core/layout/secondLevelNav/SecondLevelNavContextualInfo' {
    import * as React from 'react';

    export interface SecondLevelNavContextualInfoProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const SecondLevelNavContextualInfo: React.FC<SecondLevelNavContextualInfoProps>;

}

declare module 'src/react/core/layout/secondLevelNav/SecondLevelNavLink' {
    import * as React from 'react';

    export interface SecondLevelNavLinkProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        iconName?: string;
        isActive?: boolean;
        isNew?: boolean;
        isComingSoon?: boolean;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const SecondLevelNavLink: React.FC<SecondLevelNavLinkProps>;

}

declare module 'src/react/core/layout/secondLevelNav/SecondLevelNavTitle' {
    import * as React from 'react';

    export interface SecondLevelNavTitleProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const SecondLevelNavTitle: React.FC<SecondLevelNavTitleProps>;

}

declare module 'src/react/core/molecules/addBox/AddBox' {
    import * as React from 'react';

    export interface AddBoxProps {
    [key: string]: any;
        children?: React.ReactNode;
        options?: Object[];
        onAdd?: (...args: any[])=>any;
        onClose?: (...args: any[])=>any;
        icon?: string;
        title?: React.ReactNode;
        placeholder?: string;
        isOpen?: boolean;
        showInline?: boolean;
        disableClickOutside?: boolean;
        noAutoFocus?: boolean;
    }

    export class AddBox extends React.Component<AddBoxProps, any> {
        render(): JSX.Element;

    }

}

declare module 'src/react/core/molecules/avatarStack/AvatarStack' {
    import * as React from 'react';

    export type AvatarStackVariantBorderColor = "light" | "dark";

    export interface AvatarStackProps {
    [key: string]: any;
        /**
         * The AvatarStack content (should be a list of Avatar components).
         */
        children?: React.ReactNode;
        /**
         * The Avatar children border color.
         */
        variantBorderColor?: AvatarStackVariantBorderColor;
    }

    export const AvatarStack: React.FC<AvatarStackProps>;

}

declare module 'src/react/core/molecules/breadcrumb/Breadcrumb' {
    import * as React from 'react';

    export type BreadcrumbDefaultClassName = string | string[];

    export interface BreadcrumbProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: BreadcrumbDefaultClassName;
        /**
         * Array of dependencies that will trigger breadcrumb to recalculate which items to display
         */
        deps?: any[];
    }

    export const Breadcrumb: React.FC<BreadcrumbProps>;

}

declare module 'src/react/core/molecules/breadcrumb/BreadcrumbItem' {
    import * as React from 'react';

    export type BreadcrumbItemDefaultClassName = string | string[];

    export interface BreadcrumbItemProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        className?: string;
        defaultClassName?: BreadcrumbItemDefaultClassName;
    }

    export const BreadcrumbItem: React.FC<BreadcrumbItemProps>;

}

declare module 'src/react/core/molecules/breadcrumb/BreadcrumbItemContainer' {
    import * as React from 'react';

    export type BreadcrumbItemContainerDefaultClassName = string | string[];

    export interface BreadcrumbItemContainerProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        className?: string;
        defaultClassName?: BreadcrumbItemContainerDefaultClassName;
        isHidden?: boolean;
    }

    export const BreadcrumbItemContainer: React.FC<BreadcrumbItemContainerProps>;

}

declare module 'src/react/core/molecules/callout/CallOut' {
    import * as React from 'react';

    export type CallOutDefaultClassName = string | string[];

    export type CallOutSize = "" | "sm";

    export type CallOutVariant = "ok" | "warning" | "danger";

    export interface CallOutProps {
    [key: string]: any;
        /**
         * The CallOut content.
         */
        children?: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The component default class.
         */
        defaultClassName?: CallOutDefaultClassName;
        /**
         * The Callout icon name used to override the default one.
         */
        iconName?: string;
        /**
         * The CallOut status size.
         */
        size?: CallOutSize;
        /**
         * The CallOut variant.
         */
        variant?: CallOutVariant;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const CallOut: React.FC<CallOutProps>;

}

declare module 'src/react/core/molecules/callout/CallOutDescription' {
    import * as React from 'react';

    export type CallOutDescriptionDefaultClassName = string | string[];

    export interface CallOutDescriptionProps {
    [key: string]: any;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The CallOutDescription content.
         */
        children?: React.ReactNode;
        /**
         * The component default class.
         */
        defaultClassName?: CallOutDescriptionDefaultClassName;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const CallOutDescription: React.FC<CallOutDescriptionProps>;

}

declare module 'src/react/core/molecules/callout/CallOutTitle' {
    import * as React from 'react';

    export type CallOutTitleDefaultClassName = string | string[];

    export interface CallOutTitleProps {
    [key: string]: any;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The CallOutTitle content.
         */
        children?: React.ReactNode;
        /**
         * The component default class.
         */
        defaultClassName?: CallOutTitleDefaultClassName;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const CallOutTitle: React.FC<CallOutTitleProps>;

}

declare module 'src/react/core/molecules/emptyState/EmptyState' {
    import * as React from 'react';

    export interface EmptyStateProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        icon?: string;
        content?: React.ReactNode;
    }

    export const EmptyState: React.FC<EmptyStateProps>;

}

declare module 'src/react/core/molecules/formGroup/FormGroup' {
    import * as React from 'react';

    export type FormGroupValidationState = any | "success" | "warning" | "danger";

    export interface FormGroupProps {
    [key: string]: any;
        /**
         * Display something before the content
         */
        append?: React.ReactNode;
        children?: React.ReactNode;
        className?: string;
        feedbackMessage?: React.ReactNode;
        helper?: React.ReactNode;
        icon?: string;
        inputId?: string;
        isOptional?: boolean;
        label?: React.ReactNode;
        /**
         * Display something after the content
         */
        prepend?: React.ReactNode;
        validationState?: FormGroupValidationState;
    }

    export const FormGroup: React.FC<FormGroupProps>;

}

declare module 'src/react/core/molecules/formList/FormList' {
    import * as React from 'react';

    export interface FormListProps {
    [key: string]: any;
        /**
         * The FormList content. Must be composed of FormListItem to take full
         * advantage of the component.
         */
        children?: React.ReactNode;
        /**
         * Event handler called on drag end. Check
         * https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/responders.md#ondragend-required
         * for more informations about the function signature.
         * If the event handler is not provided, the FormListItem won't be draggable.
         */
        onDragEnd?: (...args: any[])=>any;
    }

    export const FormList: React.FC<FormListProps>;

    export const renderChildren: React.FC;

}

declare module 'src/react/core/molecules/formList/FormListItem' {
    import * as React from 'react';

    export type FormListItemId = string | number;

    export interface FormListItemProps {
    [key: string]: any;
        /**
         * The content of the FormListItem.
         */
        children?: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * Unique id is required for the draggable to work.
         */
        id: FormListItemId;
        /**
         * The index of the FormListItem, used by the Draggable component.
         */
        index: number;
        /**
         * Event handler called on the left action click.
         */
        onLeftAction?: (...args: any[])=>any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * A node that overrides the default left action.
         */
        leftAction?: React.ReactNode;
        /**
         * The name of the icon to use. Default: delete
         */
        leftActionIconName?: string;
    }

    export const FormListItem: React.FC<FormListItemProps>;

    export const renderChildren: React.FC;

    export const renderLeftAction: React.FC;

}

declare module 'src/react/core/molecules/logs/Logs' {
    import * as React from 'react';

    export type LogsDefaultClassName = string | string[];

    export interface LogsProps {
    [key: string]: any;
        /**
         * The logs content.
         */
        children?: React.ReactNode;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The component default class.
         */
        defaultClassName?: LogsDefaultClassName;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const Logs: React.FC<LogsProps>;

}

declare module 'src/react/core/molecules/message/Message' {
    import * as React from 'react';

    export type MessageDefaultClassName = string | string[];

    export type MessageColor = "" | "primary" | "secondary" | "success" | "warning" | "danger";

    export type MessageSize = "" | "sm";

    export interface MessageProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * The component default class.
         */
        defaultClassName?: MessageDefaultClassName;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The message color
         */
        color?: MessageColor;
        /**
         * Object of props passed to the <Text> component
         */
        textProps?: Object;
        /**
         * The size of the message (affects the font-size and the padding)
         */
        size?: MessageSize;
        /**
         * Sets the light mode for the component
         */
        isLight?: boolean;
        /**
         * The content of the message
         */
        children?: React.ReactNode;
    }

    export const Message: React.FC<MessageProps>;

}

declare module 'src/react/core/molecules/searchBar/SearchBar' {
    import * as React from 'react';

    export type SearchBarDefaultClassName = string | string[];

    export interface SearchBarProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        className?: string;
        placeholder?: string;
        defaultClassName?: SearchBarDefaultClassName;
        disabled?: boolean;
        isLoading?: boolean;
        isInline?: boolean;
        onChange?: (...args: any[])=>any;
        resultsLength?: number;
        value?: string;
    }

    export const SearchBar: React.FC<SearchBarProps>;

}

declare module 'src/react/core/molecules/searchEmptyState/SearchEmptyState' {
    import * as React from 'react';

    export interface SearchEmptyStateProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        entity?: React.ReactNode;
        searchTerm?: React.ReactNode;
        /**
         * Use this to replace the full sentence with your own words.
         * (e.g. ({ entity, searchTerm }) => `Can't found the "${searchTerm}" ${entity}`)
         */
        formatSentence?: (...args: any[])=>any;
    }

    export const SearchEmptyState: React.FC<SearchEmptyStateProps>;

}

declare module 'src/react/core/molecules/tabs/Tab' {
    import * as React from 'react';

    export type TabDefaultClassname = string | string[];

    export type TabTag = ((...args: any[])=>any) | string;

    export interface TabProps {
    [key: string]: any;
        /**
         * Children to set inside the Tabs.
         */
        children?: React.ReactNode;
        /**
         * The default class for the Tab.
         */
        defaultClassname?: TabDefaultClassname;
        /**
         * The name of the tab.
         */
        name: string;
        /**
         * Property to disable the tab. The tab won't be clickable and focusable with
         * keyboard events.
         */
        isDisabled?: boolean;
        /**
         * Property to select the tab. You may not need this prop as it is mainly used
         * internally.
         */
        isSelected?: boolean;
        /**
         * The custom tag for the root of the Tab
         */
        tag?: TabTag;
    }

    export const Tab: React.FC<TabProps>;

}

declare module 'src/react/core/molecules/tabs/TabList' {
    import * as React from 'react';

    export type TabListDefaultClassName = string | string[];

    export type TabListSize = "" | "sm" | "lg";

    export type TabListTag = ((...args: any[])=>any) | string;

    export interface TabListProps {
    [key: string]: any;
        /**
         * Children to set inside the TabList
         * @see Tab
         */
        children?: React.ReactNode;
        /**
         * The default class for the TabList.
         */
        defaultClassName?: TabListDefaultClassName;
        /**
         * Callback function trigerred on tab change. The object given is of form
         * { index, name }.
         */
        onChangeTab?: (...args: any[])=>any;
        /**
         * Callback function trigerred on tab click. The event is given as
         * parameter.
         */
        onClick?: (...args: any[])=>any;
        /**
         * Callback function trigerred on panel focus. This is called on ArrowKeyDown
         * press.
         */
        onFocusPanel?: (...args: any[])=>any;
        /**
         * Callback function trigerred on key down. The event is given as a parameter.
         */
        onKeyDown?: (...args: any[])=>any;
        /**
         * Size of the tab.
         */
        size?: TabListSize;
        /**
         * The custom tag for the root of the TabList
         */
        tag?: TabListTag;
    }

    export const TabList: React.FC<TabListProps>;

}

declare module 'src/react/core/molecules/tabs/TabPanel' {
    import * as React from 'react';

    export type TabPanelTag = ((...args: any[])=>any) | string;

    export interface TabPanelProps {
    [key: string]: any;
        /**
         * Children to set inside the TabPanel.
         */
        children?: React.ReactNode;
        /**
         * The name of the panel. It should match the tab name to show itself when
         * the matching tab is selected.
         */
        name: string;
        /**
         * A ref that will contains the current visible panel ref.
         */
        selectedPanelRef?: any;
        /**
         * The custom tag for the root of the Tab
         */
        tag?: TabPanelTag;
    }

    export const TabPanel: React.FC<TabPanelProps>;

}

declare module 'src/react/core/molecules/tabs/Tabs' {
    import * as React from 'react';

    export type TabsDefaultClassName = string | string[];

    export type TabsSize = "" | "sm" | "lg";

    export type TabsTag = ((...args: any[])=>any) | string;

    export interface TabsProps {
    [key: string]: any;
        /**
         * Children to set inside the Tabs.
         * @see TabList
         * @see Tab
         * @see TabPanel
         */
        children?: React.ReactNode;
        /**
         * The default class for the TabList.
         */
        defaultClassName?: TabsDefaultClassName;
        /**
         * Size of the tab.
         */
        size?: TabsSize;
        /**
         * The custom tag for the root of the TabList
         */
        tag?: TabsTag;
    }

    export const Tabs: React.FC<TabsProps>;

}

declare module 'src/react/core/molecules/tabs/TabsProvider' {
    import * as React from 'react';

    export interface TabsProviderProps {
    [key: string]: any;
        /**
         * Children to set inside the Tabs.
         * @see Tabs
         * @see TabList
         * @see Tab
         * @see TabPanel
         */
        children?: React.ReactNode;
        /**
         * Use this property to control the selected name.
         */
        name?: string;
        /**
         * Function called on tab change.
         */
        onChange?: (...args: any[])=>any;
    }

    export const TabsProvider: React.FC<TabsProviderProps>;

}

declare module 'src/react/core/organisms/accordion/Accordion' {
    import * as React from 'react';

    export type AccordionDefaultClassName = string | string[];

    export interface AccordionProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: AccordionDefaultClassName;
        className?: string;
    }

    export const Accordion: React.FC<AccordionProps>;

}

declare module 'src/react/core/organisms/accordion/AccordionBody' {
    import * as React from 'react';

    export type AccordionBodyDefaultClassName = string | string[];

    export interface AccordionBodyProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: AccordionBodyDefaultClassName;
        className?: string;
    }

    export const AccordionBody: React.FC<AccordionBodyProps>;

}

declare module 'src/react/core/organisms/accordion/AccordionItem' {
    import * as React from 'react';

    export type AccordionItemDefaultClassName = string | string[];

    export type AccordionItemSize = "" | "sm" | "lg";

    export interface AccordionItemProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: AccordionItemDefaultClassName;
        isOpen?: boolean;
        onToggle?: (...args: any[])=>any;
        size?: AccordionItemSize;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const AccordionItem: React.FC<AccordionItemProps>;

}

declare module 'src/react/core/organisms/accordion/AccordionTitle' {
    import * as React from 'react';

    export type AccordionTitleDefaultClassName = string | string[];

    export interface AccordionTitleProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: AccordionTitleDefaultClassName;
        className?: string;
        onClick?: (...args: any[])=>any;
    }

    export const AccordionTitle: React.FC<AccordionTitleProps>;

}

declare module 'src/react/core/organisms/confirm/Confirm' {
    import * as React from 'react';

    export type ConfirmCancelColor = "" | "primary" | "secondary" | "warning" | "danger";

    export type ConfirmConfirmColor = "" | "primary" | "secondary" | "warning" | "danger";

    export type ConfirmDefaultClassName = string | string[];

    export type ConfirmPlacement = "bottom" | "left" | "top" | "right";

    export interface ConfirmProps {
    [key: string]: any;
        /**
         * The label for the cancel button.
         */
        cancelLabel?: React.ReactNode;
        /**
         * The color of the cancel button
         */
        cancelColor?: ConfirmCancelColor;
        /**
         * The children that will be rendered by Confirm. The element onClick event
         * will be intercepted by Confirm.
         */
        children: React.ReactElement<any>;
        className?: string;
        /**
         * The label for the confirmation button.
         */
        confirmLabel?: React.ReactNode;
        /**
         * The color of the confirmation button
         */
        confirmColor?: ConfirmConfirmColor;
        /**
         * The content of the Confirm element.
         */
        content?: React.ReactNode;
        defaultClassName?: ConfirmDefaultClassName;
        /**
         * Disable the escape key down listener.
         */
        isEscapeKeyDisabled?: boolean;
        /**
         * Enable or disable the click away behavior. By default, the confirm will
         * close on click away.
         */
        isClickOutsideDisabled?: boolean;
        /**
         * Render the Confirm in the current DOM hierarchy.
         */
        isPortalDisabled?: boolean;
        /**
         * Render the Confirm element in one of the available placement.
         */
        placement?: ConfirmPlacement;
        /**
         * The target where the confirm node should render.
         */
        portalTarget?: Element;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * The title of the Confirm.
         */
        title?: React.ReactNode;
    }

    export const Confirm: React.FC<ConfirmProps>;

}

declare module 'src/react/core/organisms/datalist/Datalist' {
    import * as React from 'react';

    export type DatalistChildren = React.ReactElement<any> | React.ReactElement<any>[];

    export type DatalistDefaultClassName = string | string[];

    export interface DatalistPreHeader {
        label?: string;
        size?: number;
    }

    export type DatalistLevelBreakpoint = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";

    export interface DatalistProps {
    [key: string]: any;
        children?: DatalistChildren;
        className?: string;
        defaultClassName?: DatalistDefaultClassName;
        headerLabels?: React.ReactNode[];
        preHeader?: DatalistPreHeader[];
        isBordered?: boolean;
        innerBorder?: boolean;
        isHover?: boolean;
        isLight?: boolean;
        levelBreakpoint?: DatalistLevelBreakpoint;
        sortIndexes?: number[];
        onSort?: (...args: any[])=>any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const Datalist: React.FC<DatalistProps>;

    export const renderHeader: React.FC;

    export const preHeaders: React.FC;

    export const headers: React.FC;

}

declare module 'src/react/core/organisms/datalist/DatalistCol' {
    import * as React from 'react';

    export type DatalistColAlign = "left" | "center" | "right" | "top" | "middle" | "bottom" | string;

    export type DatalistColDefaultClassName = string | string[];

    export type DatalistColGrow = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | string | number;

    export type DatalistColLevel = "none" | "primary" | "secondary";

    export type DatalistColSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | string;

    export interface DatalistColProps {
    [key: string]: any;
        /**
         * You can use simple value like 'left' or 'top'.
         * You can also use combined values like 'top left' or 'left top'.
         * You can also use responsive values like 'top left middle@md center@md'.
         */
        align?: DatalistColAlign;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: DatalistColDefaultClassName;
        /**
         * You can use simple value like '1' or '2'.
         * You can also use responsive values like '1 2@md 3@lg'.
         */
        grow?: DatalistColGrow;
        /**
         * Dimmed the column until hover
         */
        isDimmed?: boolean;
        /**
         * Display the text in the column as link at hover
         */
        isLink?: boolean;
        /**
         * Display a label above value on mobile.
         * By default it will get the value from the `headerLabels` props on the `Datalist` component.
         */
        isIndex?: boolean;
        /**
         * Display the column as a secondary level index
         */
        label?: React.ReactNode;
        /**
         * You can use simple value like 'primary' or 'secondary'.
         */
        level?: DatalistColLevel;
        /**
         * You can use simple value like 'sm' or 'lg'.
         * You can also use responsive values like 'xs sm@md md@lg'
         */
        size?: DatalistColSize;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const DatalistCol: React.FC<DatalistColProps>;

}

declare module 'src/react/core/organisms/datalist/DatalistColActions' {
    import * as React from 'react';

    export type DatalistColActionsAlign = "left" | "center" | "right" | "top" | "middle" | "bottom" | string;

    export type DatalistColActionsDefaultClassName = string | string[];

    export type DatalistColActionsGrow = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | string | number;

    export type DatalistColActionsLevel = "none" | "primary" | "secondary";

    export type DatalistColActionsSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | string;

    export interface DatalistColActionsProps {
    [key: string]: any;
        /**
         * You can use simple value like 'left' or 'top'.
         * You can also use combined values like 'top left' or 'left top'.
         * You can also use responsive values like 'top left middle@md center@md'.
         */
        align?: DatalistColActionsAlign;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: DatalistColActionsDefaultClassName;
        /**
         * You can use simple value like '1' or '2'.
         * You can also use responsive values like '1 2@md 3@lg'.
         */
        grow?: DatalistColActionsGrow;
        /**
         * You can use simple value like 'primary' or 'secondary'.
         */
        level?: DatalistColActionsLevel;
        /**
         * You can use simple value like 'sm' or 'lg'.
         * You can also use responsive values like 'xs sm@md md@lg'
         */
        size?: DatalistColActionsSize;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const DatalistColActions: React.FC<DatalistColActionsProps>;

}

declare module 'src/react/core/organisms/datalist/DatalistColIcon' {
    import * as React from 'react';

    export type DatalistColIconAlign = "left" | "center" | "right" | "top" | "middle" | "bottom" | string;

    export type DatalistColIconDefaultClassName = string | string[];

    export type DatalistColIconGrow = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | string | number;

    export type DatalistColIconLevel = "none" | "primary" | "secondary";

    export type DatalistColIconSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | string;

    export interface DatalistColIconProps {
    [key: string]: any;
        /**
         * You can use simple value like 'left' or 'top'.
         * You can also use combined values like 'top left' or 'left top'.
         * You can also use responsive values like 'top left middle@md center@md'.
         */
        align?: DatalistColIconAlign;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: DatalistColIconDefaultClassName;
        /**
         * You can use simple value like '1' or '2'.
         * You can also use responsive values like '1 2@md 3@lg'.
         */
        grow?: DatalistColIconGrow;
        /**
         * The name of the icon to display.
         */
        name?: string;
        /**
         * You can use simple value like 'primary' or 'secondary'.
         */
        level?: DatalistColIconLevel;
        /**
         * You can use simple value like 'sm' or 'lg'.
         * You can also use responsive values like 'xs sm@md md@lg'
         */
        size?: DatalistColIconSize;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const DatalistColIcon: React.FC<DatalistColIconProps>;

}

declare module 'src/react/core/organisms/datalist/DatalistDescription' {
    import * as React from 'react';

    export type DatalistDescriptionDefaultClassName = string | string[];

    export interface DatalistDescriptionProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: DatalistDescriptionDefaultClassName;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const DatalistDescription: React.FC<DatalistDescriptionProps>;

}

declare module 'src/react/core/organisms/datalist/DatalistRow' {
    import * as React from 'react';

    export type DatalistRowAlign = "top" | "middle" | "bottom" | string;

    export type DatalistRowChildren = React.ReactElement<any> | React.ReactElement<any>[];

    export type DatalistRowDefaultClassName = string | string[];

    export type DatalistRowIsDisabled = boolean | React.ReactNode;

    export interface DatalistRowProps {
    [key: string]: any;
        /**
         * You can use simple value like 'middle' or 'bottom'.
         * You can also use responsive values like 'middle top@md middle@lg'.
         */
        align?: DatalistRowAlign;
        children: DatalistRowChildren;
        className?: string;
        defaultClassName?: DatalistRowDefaultClassName;
        isActive?: boolean;
        isDisabled?: DatalistRowIsDisabled;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const DatalistRow: React.FC<DatalistRowProps>;

}

declare module 'src/react/core/organisms/datalist/DatalistTitle' {
    import * as React from 'react';

    export type DatalistTitleDefaultClassName = string | string[];

    export interface DatalistTitleProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: DatalistTitleDefaultClassName;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const DatalistTitle: React.FC<DatalistTitleProps>;

}

declare module 'src/react/core/organisms/datalist/helpers' {
    import * as React from 'react';

}

declare module 'src/react/core/organisms/datePicker/DatePicker' {
    import * as React from 'react';

    import dayjs from 'dayjs';

    export type DatePickerDefaultClassName = string | string[];

    export type DatePickerTag = ((...args: any[])=>any) | string;

    export type DatePickerSelected = string | dayjs;

    export interface DatePickerProps {
    [key: string]: any;
        defaultClassName?: DatePickerDefaultClassName;
        /**
         * Class name for the DatePicker.
         */
        className?: string;
        /**
         * The custom tag for the root of the DatePicker.
         */
        tag?: DatePickerTag;
        /**
         * The default date to be selected in the calendar.
         */
        selected?: DatePickerSelected;
        /**
         * Set the new date value to be selected in the calendar.
         */
        onChange?: (...args: any[])=>any;
        /**
         * Set the date format.
         */
        defaultFormat?: string;
    }

    export const DatePicker: React.FC<DatePickerProps>;

    export const renderCalendarDays: React.FC;

}

declare module 'src/react/core/organisms/dropdown/Dropdown' {
    import * as React from 'react';

    export interface DropdownProps {
    [key: string]: any;
        children?: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        className?: string;
        onToggle?: (...args: any[])=>any;
    }

    export const Dropdown: React.FC<DropdownProps>;

}

declare module 'src/react/core/organisms/dropdown/DropdownItem' {
    import * as React from 'react';

    export type DropdownItemDefaultClassName = string | string[];

    export interface DropdownItemProps {
    [key: string]: any;
        children?: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: DropdownItemDefaultClassName;
        className?: string;
        isActive?: boolean;
        isDisabled?: boolean;
        isLink?: boolean;
        isCheckbox?: boolean;
        onClick?: (...args: any[])=>any;
        onToggle?: boolean;
    }

    export const DropdownItem: React.FC<DropdownItemProps>;

}

declare module 'src/react/core/organisms/dropdown/DropdownMenu' {
    import * as React from 'react';

    export type DropdownMenuDefaultClassName = string | string[];

    export interface DropdownMenuProps {
    [key: string]: any;
        children?: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: DropdownMenuDefaultClassName;
        className?: string;
        popperProps?: Object;
        clickAwayListenerProps?: Object;
    }

    export const DropdownMenu: React.FC<DropdownMenuProps>;

}

declare module 'src/react/core/organisms/dropdown/DropdownSpacer' {
    import * as React from 'react';

    export type DropdownSpacerDefaultClassName = string | string[];

    export interface DropdownSpacerProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: DropdownSpacerDefaultClassName;
        className?: string;
    }

    export const DropdownSpacer: React.FC<DropdownSpacerProps>;

}

declare module 'src/react/core/organisms/dropdown/DropdownSubmenu' {
    import * as React from 'react';

    export interface DropdownSubmenuProps {
    [key: string]: any;
        children?: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        className?: string;
        onToggle?: (...args: any[])=>any;
    }

    export const DropdownSubmenu: React.FC<DropdownSubmenuProps>;

}

declare module 'src/react/core/organisms/dropdown/DropdownSubmenuList' {
    import * as React from 'react';

    export type DropdownSubmenuListDefaultClassName = string | string[];

    export interface DropdownSubmenuListProps {
    [key: string]: any;
        children?: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: DropdownSubmenuListDefaultClassName;
        className?: string;
        popperProps?: Object;
        clickAwayListenerProps?: Object;
    }

    export const DropdownSubmenuList: React.FC<DropdownSubmenuListProps>;

}

declare module 'src/react/core/organisms/dropdown/DropdownSubmenuToggle' {
    import * as React from 'react';

    export type DropdownSubmenuToggleDefaultClassName = string | string[];

    export interface DropdownSubmenuToggleProps {
    [key: string]: any;
        children?: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: DropdownSubmenuToggleDefaultClassName;
        className?: string;
        /**
         * The function that will be called when the user clicks on the element.
         * This function takes an event as a parameter.
         */
        onClick?: (...args: any[])=>any;
    }

    export const DropdownSubmenuToggle: React.FC<DropdownSubmenuToggleProps>;

}

declare module 'src/react/core/organisms/dropdown/DropdownToggle' {
    import * as React from 'react';

    export type DropdownToggleDefaultClassName = string | string[];

    export interface DropdownToggleProps {
    [key: string]: any;
        children?: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: DropdownToggleDefaultClassName;
        className?: string;
        /**
         * The function that will be called when the user clicks on the element.
         * This function takes an event as a parameter.
         */
        onClick?: (...args: any[])=>any;
    }

    export const DropdownToggle: React.FC<DropdownToggleProps>;

}

declare module 'src/react/core/organisms/listSearchFilters/ListSearchFilters' {
    import * as React from 'react';

    export interface ListSearchFiltersSortByOptions {
        label?: string;
        value?: string;
    }

    export interface ListSearchFiltersGroupByOptions {
        label?: string;
        value?: string;
    }

    export interface ListSearchFiltersProps {
    [key: string]: any;
        /**
         * Search string used to filter items
         */
        search?: string;
        /**
         * Method to update the search string
         */
        setSearch?: (...args: any[])=>any;
        /**
         * String defining in which order the items should be sorted
         */
        sortBy?: string;
        /**
         * Method to update the sortBy string
         */
        setSortBy?: (...args: any[])=>any;
        /**
         * Array of the sortBy string options
         */
        sortByOptions?: ListSearchFiltersSortByOptions[];
        /**
         * String that defines the grouping of the items
         */
        groupBy?: string;
        /**
         * Method to update the groupBy string
         */
        setGroupBy?: (...args: any[])=>any;
        /**
         * Array of the groupBy string options
         */
        groupByOptions?: ListSearchFiltersGroupByOptions[];
        /**
         * Props passed to the SearchBar component
         */
        searchBarProps?: Object;
    }

    export const ListSearchFilters: React.FC<ListSearchFiltersProps>;

}

declare module 'src/react/core/organisms/modal/Modal' {
    import * as React from 'react';

    export type ModalDefaultClassName = string | string[];

    export type ModalContentTag = ((...args: any[])=>any) | string;

    export type ModalContentDefaultClassName = string | string[];

    export type ModalSize = "" | "xxs" | "xs" | "sm" | "lg" | "xl" | "xxl";

    export type ModalTag = ((...args: any[])=>any) | string;

    export interface ModalProps {
    [key: string]: any;
        /**
         * Children to set inside the Modal.
         * @see ModalHeader
         * @see ModalBody
         * @see ModalFooter
         */
        children?: React.ReactNode;
        defaultClassName?: ModalDefaultClassName;
        /**
         * Class name for the Modal.
         */
        className?: string;
        /**
         * The attributes to give to the content of the modal.
         */
        contentAttributes?: Object;
        /**
         * The tag of the content of the modal.
         */
        contentTag?: ModalContentTag;
        /**
         * The default class name of the content of the modal.
         */
        contentDefaultClassName?: ModalContentDefaultClassName;
        /**
         * Disable the outside click. Note that by default the outside click is enable and the overlay
         * is considered as outside.
         */
        isClickOutsideDisabled?: boolean;
        /**
         * Disable the dismiss of the modal using Escape key.
         */
        isEscapeKeyDisabled?: boolean;
        /**
         * Boolean to set the modal as fullscreen variant.
         */
        isFullscreen?: boolean;
        /**
         * Boolean to open or close the
         */
        isOpen?: boolean;
        isPortalDisabled?: boolean;
        /**
         * Callback function trigerred on close event.
         */
        onClose?: (...args: any[])=>any;
        portalContainer?: Element;
        /**
         * The size of the Modal
         */
        size?: ModalSize;
        /**
         * The custom tag for the root of the Modal
         */
        tag?: ModalTag;
    }

    export const Modal: React.FC<ModalProps>;

    export const mountModal: React.FC;

}

declare module 'src/react/core/organisms/modal/ModalBody' {
    import * as React from 'react';

    export type ModalBodyDefaultClassName = string | string[];

    export type ModalBodyTag = ((...args: any[])=>any) | string;

    export interface ModalBodyProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: ModalBodyDefaultClassName;
        tag?: ModalBodyTag;
    }

    export const ModalBody: React.FC<ModalBodyProps>;

}

declare module 'src/react/core/organisms/modal/ModalCloseButton' {
    import * as React from 'react';

    export type ModalCloseButtonDefaultClassName = string | string[];

    export type ModalCloseButtonTag = Object | string;

    export interface ModalCloseButtonProps {
    [key: string]: any;
        className?: string;
        defaultClassName?: ModalCloseButtonDefaultClassName;
        tag?: ModalCloseButtonTag;
    }

    export const ModalCloseButton: React.FC<ModalCloseButtonProps>;

}

declare module 'src/react/core/organisms/modal/ModalContent' {
    import * as React from 'react';

    export type ModalContentDefaultClassName = string | string[];

    export type ModalContentTag = ((...args: any[])=>any) | string;

    export interface ModalContentProps {
    [key: string]: any;
        children: React.ReactNode;
        className?: string;
        defaultClassName?: ModalContentDefaultClassName;
        tag?: ModalContentTag;
    }

    export const ModalContent: React.FC<ModalContentProps>;

}

declare module 'src/react/core/organisms/modal/ModalFooter' {
    import * as React from 'react';

    export type ModalFooterDefaultClassName = string | string[];

    export type ModalFooterTag = ((...args: any[])=>any) | string;

    export interface ModalFooterProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: ModalFooterDefaultClassName;
        tag?: ModalFooterTag;
    }

    export const ModalFooter: React.FC<ModalFooterProps>;

}

declare module 'src/react/core/organisms/modal/ModalHeader' {
    import * as React from 'react';

    export type ModalHeaderDefaultClassName = string | string[];

    export type ModalHeaderTag = ((...args: any[])=>any) | string;

    export interface ModalHeaderProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: ModalHeaderDefaultClassName;
        tag?: ModalHeaderTag;
    }

    export const ModalHeader: React.FC<ModalHeaderProps>;

}

declare module 'src/react/core/organisms/modal/ModalInput' {
    import * as React from 'react';

    export interface ModalInputProps {
    [key: string]: any;
        className?: string;
        confirmPhrase?: string;
        onDelete?: (...args: any[])=>any;
        additionalProps?: Object;
    }

    export const ModalInput: React.FC<ModalInputProps>;

}

declare module 'src/react/core/organisms/modal/ModalTitle' {
    import * as React from 'react';

    export type ModalTitleDefaultClassName = string | string[];

    export type ModalTitleTag = ((...args: any[])=>any) | string;

    export interface ModalTitleProps {
    [key: string]: any;
        children?: React.ReactNode;
        className?: string;
        defaultClassName?: ModalTitleDefaultClassName;
        tag?: ModalTitleTag;
    }

    export const ModalTitle: React.FC<ModalTitleProps>;

}

declare module 'src/react/core/organisms/notification/Notification' {
    import * as React from 'react';

    export type NotificationDefaultClassName = string | string[];

    export interface NotificationProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: NotificationDefaultClassName;
        className?: string;
    }

    export const Notification: React.FC<NotificationProps>;

}

declare module 'src/react/core/organisms/notification/NotificationActions' {
    import * as React from 'react';

    export type NotificationActionsDefaultClassName = string | string[];

    export interface NotificationActionsProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: NotificationActionsDefaultClassName;
        className?: string;
    }

    export const NotificationActions: React.FC<NotificationActionsProps>;

}

declare module 'src/react/core/organisms/notification/NotificationItem' {
    import * as React from 'react';

    export type NotificationItemDefaultClassName = string | string[];

    export type NotificationItemColor = "" | "primary" | "success" | "warning" | "danger";

    export type NotificationItemDuration = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 10 | 12 | 14 | 16 | 18 | 20;

    export interface NotificationItemProps {
    [key: string]: any;
        /**
         * The content of the cancel duration end action button.
         */
        cancelLabel?: React.ReactNode;
        /**
         * The content of the NotificationItem. The simple use case is just a message
         * in the notification.
         */
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: NotificationItemDefaultClassName;
        color?: NotificationItemColor;
        duration?: NotificationItemDuration;
        /**
         * The function that will be called on close.
         * Used by NotificationProvider to release memory.
         */
        onClose?: (...args: any[])=>any;
        /**
         * The function that will be called when the notification hide itself and
         * was not cancelled.
         */
        onDurationEndAction?: (...args: any[])=>any;
        /**
         * The function that will be called when the user clicks on the undo button.
         * The button only appears when the `onDurationEndAction` prop is given.
         */
        onCancelDurationEndAction?: (...args: any[])=>any;
    }

    export const NotificationItem: React.FC<NotificationItemProps>;

}

declare module 'src/react/core/organisms/notification/NotificationProvider' {
    import * as React from 'react';

    export interface NotificationProviderProps {
    [key: string]: any;
        /**
         * The children that will be rendered by the NotificationProvider.
         */
        children: any;
        /**
         * Render the Notification root element in the current DOM hierarchy.
         */
        isPortalDisabled?: boolean;
        /**
         * The target where the Notification node should render when the portal is
         * enabled
         */
        portalTarget?: Element;
    }

    export const NotificationProvider: React.FC<NotificationProviderProps>;

}

declare module 'src/react/core/organisms/pagePopin/PagePopin' {
    import * as React from 'react';

    export interface PagePopinProps {
    [key: string]: any;
        actions?: React.ReactNode;
        children?: React.ReactNode;
        isPortalDisabled?: boolean;
        onClose?: (...args: any[])=>any;
        portalContainer?: Element;
        selected?: number;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const PagePopin: React.FC<PagePopinProps>;

}

declare module 'src/react/core/organisms/pagePopin/PagePopinActionButton' {
    import * as React from 'react';

    export interface PagePopinActionButtonProps {
    [key: string]: any;
        children?: string;
        className?: string;
        icon?: React.ReactElement<any>;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const PagePopinActionButton: React.FC<PagePopinActionButtonProps>;

}

declare module 'src/react/core/organisms/secondaryNav/SecondaryNav' {
    import * as React from 'react';

    export type SecondaryNavDefaultClassName = string | string[];

    export interface SecondaryNavProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: SecondaryNavDefaultClassName;
        className?: string;
        onToggle: (...args: any[])=>any;
        onHandlePanel?: (...args: any[])=>any;
        level?: number;
        panel?: string;
    }

    export class SecondaryNav extends React.Component<SecondaryNavProps, any> {
        render(): JSX.Element;

    }

}

declare module 'src/react/core/organisms/secondaryNav/SecondaryNavBackButton' {
    import * as React from 'react';

    export type SecondaryNavBackButtonDefaultClassName = string | string[];

    export interface SecondaryNavBackButtonProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: SecondaryNavBackButtonDefaultClassName;
        className?: string;
        onClick?: (...args: any[])=>any;
        isButton?: boolean;
        targetPanelLevel?: number;
    }

    export class SecondaryNavBackButton extends React.Component<SecondaryNavBackButtonProps, any> {
        render(): JSX.Element;

    }

}

declare module 'src/react/core/organisms/secondaryNav/SecondaryNavContent' {
    import * as React from 'react';

    export type SecondaryNavContentDefaultClassName = string | string[];

    export interface SecondaryNavContentProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: SecondaryNavContentDefaultClassName;
        className?: string;
    }

    export const SecondaryNavContent: React.FC<SecondaryNavContentProps>;

}

declare module 'src/react/core/organisms/secondaryNav/SecondaryNavGroup' {
    import * as React from 'react';

    export type SecondaryNavGroupDefaultClassName = string | string[];

    export interface SecondaryNavGroupProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: SecondaryNavGroupDefaultClassName;
        className?: string;
        title: React.ReactNode;
    }

    export const SecondaryNavGroup: React.FC<SecondaryNavGroupProps>;

}

declare module 'src/react/core/organisms/secondaryNav/SecondaryNavHeader' {
    import * as React from 'react';

    export type SecondaryNavHeaderDefaultClassName = string | string[];

    export interface SecondaryNavHeaderProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: SecondaryNavHeaderDefaultClassName;
        className?: string;
        pretitle?: React.ReactNode;
        subtitle?: React.ReactNode;
        title: React.ReactNode;
    }

    export const SecondaryNavHeader: React.FC<SecondaryNavHeaderProps>;

}

declare module 'src/react/core/organisms/secondaryNav/SecondaryNavLink' {
    import * as React from 'react';

    export type SecondaryNavLinkDefaultClassName = string | string[];

    export interface SecondaryNavLinkProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: SecondaryNavLinkDefaultClassName;
        className?: string;
        icon: string;
        isActive?: boolean;
        onClick?: (...args: any[])=>any;
        targetPanelLevel?: number;
        targetPanelName?: string;
        targetPanelTitle?: React.ReactNode;
    }

    export class SecondaryNavLink extends React.Component<SecondaryNavLinkProps, any> {
        render(): JSX.Element;

    }

}

declare module 'src/react/core/organisms/secondaryNav/SecondaryNavPanel' {
    import * as React from 'react';

    export type SecondaryNavPanelDefaultClassName = string | string[];

    export interface SecondaryNavPanelProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: SecondaryNavPanelDefaultClassName;
        className?: string;
        level?: number;
        name?: string;
    }

    export const SecondaryNavPanel: React.FC<SecondaryNavPanelProps>;

}

declare module 'src/react/core/organisms/secondaryNav/SecondaryNavParentLink' {
    import * as React from 'react';

    export type SecondaryNavParentLinkDefaultClassName = string | string[];

    export interface SecondaryNavParentLinkProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: SecondaryNavParentLinkDefaultClassName;
        className?: string;
    }

    export const SecondaryNavParentLink: React.FC<SecondaryNavParentLinkProps>;

}

declare module 'src/react/core/organisms/secondaryNav/SecondaryNavToggle' {
    import * as React from 'react';

    export type SecondaryNavToggleDefaultClassName = string | string[];

    export interface SecondaryNavToggleProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        type?: string;
        defaultClassName?: SecondaryNavToggleDefaultClassName;
        className?: string;
        onClick?: (...args: any[])=>any;
    }

    export class SecondaryNavToggle extends React.Component<SecondaryNavToggleProps, any> {
        render(): JSX.Element;

    }

}

declare module 'src/react/core/organisms/transferDatalist/TransferDatalist' {
    import * as React from 'react';

    export interface TransferDatalistProps {
    [key: string]: any;
        /**
         * The array of items that are available to the seletion.
         */
        items?: Object[];
        /**
         * The array of items that are already selected.
         */
        addedItems?: Object[];
        /**
         * The search filter function.
         */
        searchFilter?: (...args: any[])=>any;
        /**
         * The search bar placeholder.
         */
        searchPlaceholder?: string;
        /**
         * Tell to the component to clear the SearchBar on new item addition.
         */
        isClearingSearchOnAdd?: boolean;
        /**
         * Tell to the component that it should hide the checkboxes and removal buttons.
         */
        isReadOnly?: boolean;
        /**
         * Tell to the component to focus the SearchBar on mount.
         */
        isFocusingSearchOnMount?: boolean;
        /**
         * The label of the button that toggle the addition form.
         */
        addButtonLabel?: React.ReactNode;
        /**
         * The label when there is no more items to add.
         */
        addButtonLabelEmpty?: React.ReactNode;
        /**
         * The title of the addition form.
         */
        addFormTitle?: React.ReactNode;
        /**
         * The placeholder of the addition form control select.
         */
        addFormSelectPlaceholder?: string;
        /**
         * Function that takes an item, and should return the label that will be used
         * by the FormControlSelect.
         */
        addFormSelectLabelMapping?: (...args: any[])=>any;
        /**
         * The label of the submittion button of the addition form.
         */
        addFormButtonLabel?: React.ReactNode;
        /**
         * Props to forward to empty state.
         */
        emptyStateProps?: Object;
        /**
         * Props to forward to search empty state.
         */
        searchEmptyStateProps?: Object;
        /**
         * Function that will give two parameter to render the row: item, index.
         */
        children?: (...args: any[])=>any;
        /**
         * The object's key that will be used in filter and map to identify the unicity of an object.
         * If the values in the object's key are not unique, the DatalistRow will encounter not unique
         * key problem.
         */
        uniqueObjectKey?: string;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * The callback function called on items addition. The items are given as
         * a parameter.
         */
        onAdd?: (...args: any[])=>any;
        /**
         * The callback function called on items removal. The items are given as a
         * parameter.
         */
        onRemove?: (...args: any[])=>any;
        /**
         * Callback when the addition form is opening.
         */
        onAddFormOpen?: (...args: any[])=>any;
        /**
         * Callback when the addition form is closing.
         */
        onAddFormClose?: (...args: any[])=>any;
        /**
         * Object that will be given to PagePopin.
         */
        pagePopinProps?: Object;
        /**
         * The delay of the highlight of newly added items.
         */
        highlightDelay?: number;
    }

    export const TransferDatalist: React.FC<TransferDatalistProps>;

}

declare module 'src/react/formsy/fieldCheck/FieldCheck' {
    import * as React from 'react';

    export type FieldCheckUIDisplayType = "default" | "button" | "button-light" | "button-denim-300" | "toggle";

    export interface FieldCheckUIProps {
    [key: string]: any;
        children?: React.ReactNode;
        disabled?: boolean;
        displayType?: FieldCheckUIDisplayType;
        formCheckClassName?: string;
        /**
         * Object of props passed to the <FormGroup> component
         */
        groupProps?: Object;
        helper?: React.ReactNode;
        /**
         * Object of props passed to the <input> element
         */
        inputProps?: Object;
        label?: React.ReactNode;
        message?: React.ReactNode;
        onChange?: (...args: any[])=>any;
    }

    export const FieldCheckUI: React.FC<FieldCheckUIProps>;

}

declare module 'src/react/formsy/fieldCodemirror/FieldCodemirror' {
    import * as React from 'react';

    export interface FieldCodemirrorUIProps {
    [key: string]: any;
        children?: React.ReactNode;
        disabled?: boolean;
        /**
         * Object of props passed to the <FormGroup> component
         */
        groupProps?: Object;
        helper?: React.ReactNode;
        isHeightAuto?: boolean;
        label?: React.ReactNode;
        onChange?: (...args: any[])=>any;
        placeholder?: string;
        /**
         * Object of props passed to the <CodeMirror> element (from `react-codemirror2` package)
         */
        codeMirrorProps?: Object;
        /**
         * Object of options passed to the <CodeMirror>
         * options property (from `react-codemirror2` package)
         */
        codeMirrorOptions?: Object;
    }

    export const FieldCodemirrorUI: React.FC<FieldCodemirrorUIProps>;

}

declare module 'src/react/formsy/fieldInput/FieldInput' {
    import * as React from 'react';

    export interface FieldInputUIProps {
    [key: string]: any;
        children?: React.ReactNode;
        disabled?: boolean;
        /**
         * Object of props passed to the <FormGroup> component
         */
        groupProps?: Object;
        helper?: React.ReactNode;
        /**
         * Object of props passed to the <input> element
         */
        inputProps?: Object;
        label?: React.ReactNode;
        onChange?: (...args: any[])=>any;
        placeholder?: string;
        type?: string;
        trimValue?: boolean;
    }

    export const FieldInputUI: React.FC<FieldInputUIProps>;

}

declare module 'src/react/formsy/fieldPassword/FieldPassword' {
    import * as React from 'react';

    export interface FieldPasswordUIProps {
    [key: string]: any;
        children?: React.ReactNode;
        disabled?: boolean;
        /**
         * Object of props passed to the <FormGroup> component
         */
        groupProps?: Object;
        helper?: React.ReactNode;
        /**
         * Object of props passed to the <input> element
         */
        inputProps?: Object;
        label?: React.ReactNode;
        onChange?: (...args: any[])=>any;
        placeholder?: string;
    }

    export const FieldPasswordUI: React.FC<FieldPasswordUIProps>;

}

declare module 'src/react/formsy/fieldSelect/FieldSelect' {
    import * as React from 'react';

    export interface FieldSelectUIProps {
    [key: string]: any;
        children?: React.ReactNode;
        disabled?: boolean;
        /**
         * Object of props passed to the <FormGroup> component
         */
        groupProps?: Object;
        helper?: React.ReactNode;
        isMulti?: boolean;
        label?: React.ReactNode;
        onChange?: (...args: any[])=>any;
        options?: any[];
        placeholder?: string;
        /**
         * Object of props passed to the <FormControlSelect> component
         */
        selectProps?: Object;
    }

    export const FieldSelectUI: React.FC<FieldSelectUIProps>;

}

declare module 'src/react/formsy/fieldSlider/FieldSlider' {
    import * as React from 'react';

    export type FieldSliderUIColor = "" | "danger" | "primary" | "success" | "warning";

    export interface FieldSliderUIProps {
    [key: string]: any;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * Define the color of the Slider
         */
        color?: FieldSliderUIColor;
        /**
         * Add more FormGroup props.
         */
        groupProps?: Object;
        /**
         * The message to better describe the Slider purpose.
         * Will be given to the FormGroup component.
         */
        helper?: React.ReactNode;
        /**
         * Disable the Slider.
         */
        isDisabled?: boolean;
        /**
         * The label of the Slider.
         * Will be given to the FormGroup component.
         */
        label?: React.ReactNode;
        /**
         * Event handler trigerred on Slider change.
         */
        onChange?: (...args: any[])=>any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
    }

    export const FieldSliderUI: React.FC<FieldSliderUIProps>;

}

declare module 'src/react/formsy/fieldTextarea/FieldTextarea' {
    import * as React from 'react';

    export interface FieldTextareaUIProps {
    [key: string]: any;
        children?: React.ReactNode;
        disabled?: boolean;
        /**
         * Object of props passed to the <FormGroup> component
         */
        groupProps?: Object;
        helper?: React.ReactNode;
        label?: React.ReactNode;
        onChange?: (...args: any[])=>any;
        placeholder?: string;
        /**
         * Object of props passed to the <textarea> element
         */
        textareaProps?: Object;
    }

    export const FieldTextareaUI: React.FC<FieldTextareaUIProps>;

}

declare module 'src/react/formsy/formMultiSteps/FormMultiSteps' {
    import * as React from 'react';

    export interface FormMultiStepsProps {
    [key: string]: any;
        /**
         * Badge content for the header component
         */
        badge?: React.ReactNode;
        /**
         * Children must be <FormMultiStepsItem> components
         */
        children?: React.ReactNode;
        /**
         * Icon name for the header component
         */
        icon?: string;
        isContentLoading?: boolean;
        /**
         * Toggle icon color for the header component
         */
        isIconColored?: boolean;
        isFormLoading?: boolean;
        /**
         * Add to pass from Tabs view to Wizard view
         */
        isWizard?: boolean;
        /**
         * Display message in the footer when isFormLoading is true
         */
        loadingMessage?: React.ReactNode;
        onCancel?: (...args: any[])=>any;
        /**
         * onChange(values, { invalidateField })
         */
        onChange?: (...args: any[])=>any;
        /**
         * onContinue(values, { invalidateField })
         */
        onContinue?: (...args: any[])=>any;
        /**
         * onSubmit(values, { invalidateField })
         */
        onSubmit?: (...args: any[])=>any;
        submitLabel?: React.ReactNode;
        /**
         * Title content for the header component
         */
        title?: React.ReactNode;
    }

    export const FormMultiSteps: React.FC<FormMultiStepsProps>;

}

declare module 'src/react/formsy/formMultiSteps/FormMultiStepsFooter' {
    import * as React from 'react';

    export interface FormMultiStepsFooterProps {
    [key: string]: any;
        isWizard?: boolean;
        isFormLoading?: boolean;
        loadingMessage?: React.ReactNode;
        submitLabel?: string;
        stepsValidations?: boolean[];
        page?: number;
        lastAvailablePage?: number;
        setPage?: (...args: any[])=>any;
        submitStep?: (...args: any[])=>any;
        submitForm?: (...args: any[])=>any;
        onCancel?: (...args: any[])=>any;
    }

    export const FormMultiStepsFooter: React.FC<FormMultiStepsFooterProps>;

}

declare module 'src/react/formsy/formMultiSteps/FormMultiStepsHeader' {
    import * as React from 'react';

    export interface FormMultiStepsHeaderProps {
    [key: string]: any;
        badge?: React.ReactNode;
        children?: React.ReactNode;
        icon?: string;
        isIconColored?: boolean;
        title?: React.ReactNode;
    }

    export const FormMultiStepsHeader: React.FC<FormMultiStepsHeaderProps>;

}

declare module 'src/react/formsy/formMultiSteps/FormMultiStepsItem' {
    import * as React from 'react';

    export interface FormMultiStepsItemProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * Display in tab or as title if `isWizard` is true
         */
        name?: React.ReactNode;
    }

    export const FormMultiStepsItem: React.FC<FormMultiStepsItemProps>;

}

declare module 'src/react/projects/instanceQuickview/InstanceQuickview' {
    import * as React from 'react';

    export type InstanceQuickviewDefaultClassName = string | string[];

    export type InstanceQuickviewStatus = "awaiting" | "requested" | "queued" | "running" | "succeeded" | "stopping" | "stopped" | "failed" | "skipped" | "unknown";

    export interface InstanceQuickviewPosition {
        left?: string;
        width?: string;
    }

    export interface InstanceQuickviewProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: InstanceQuickviewDefaultClassName;
        className?: string;
        status: InstanceQuickviewStatus;
        isTimeline?: boolean;
        position?: InstanceQuickviewPosition;
        style?: Object;
    }

    export const InstanceQuickview: React.FC<InstanceQuickviewProps>;

    export const renderChildren: React.FC;

}

declare module 'src/react/projects/instanceQuickview/InstanceQuickviewDot' {
    import * as React from 'react';

    export type InstanceQuickviewDotDefaultClassName = string | string[];

    export type InstanceQuickviewDotInstanceInfos = {
        main?: string;
        secondary?: string;
    }[] | {
        main?: string;
        secondary?: string;
    };

    export type InstanceQuickviewDotStatus = "awaiting" | "requested" | "queued" | "running" | "succeeded" | "stopping" | "stopped" | "skipped" | "failed";

    export interface InstanceQuickviewDotProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        className?: string;
        defaultClassName?: InstanceQuickviewDotDefaultClassName;
        defaultPlacement?: string;
        instanceInfos?: InstanceQuickviewDotInstanceInfos;
        isStack?: boolean;
        status: InstanceQuickviewDotStatus;
    }

    export const InstanceQuickviewDot: React.FC<InstanceQuickviewDotProps>;

}

declare module 'src/react/projects/instanceQuickview/InstanceQuickviewItem' {
    import * as React from 'react';

    export type InstanceQuickviewItemDefaultClassName = string | string[];

    export interface InstanceQuickviewItemInstanceInfos {
        main?: string;
        secondary?: string;
    }

    export type InstanceQuickviewItemStatus = "awaiting" | "requested" | "queued" | "running" | "succeeded" | "stopping" | "stopped" | "skipped" | "failed";

    export interface InstanceQuickviewItemProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: InstanceQuickviewItemDefaultClassName;
        className?: string;
        instanceInfos?: InstanceQuickviewItemInstanceInfos;
        size?: number;
        status: InstanceQuickviewItemStatus;
    }

    export const InstanceQuickviewItem: React.FC<InstanceQuickviewItemProps>;

}

declare module 'src/react/projects/instanceQuickview/InstanceQuickviewItemStack' {
    import * as React from 'react';

    export type InstanceQuickviewItemStackDefaultClassName = string | string[];

    export interface InstanceQuickviewItemStackInstanceInfos {
        main?: string;
        secondary?: string;
    }

    export type InstanceQuickviewItemStackStatus = "awaiting" | "requested" | "queued" | "running" | "succeeded" | "stopping" | "stopped" | "skipped" | "failed";

    export interface InstanceQuickviewItemStackProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: InstanceQuickviewItemStackDefaultClassName;
        className?: string;
        instanceInfos?: InstanceQuickviewItemStackInstanceInfos[];
        status: InstanceQuickviewItemStackStatus;
    }

    export const InstanceQuickviewItemStack: React.FC<InstanceQuickviewItemStackProps>;

}

declare module 'src/react/projects/mapInteraction/MapInteraction' {
    import * as React from 'react';

    export interface MapInteractionTransform {
        scale?: number;
        x?: number;
        y?: number;
    }

    export interface MapInteractionProps {
    [key: string]: any;
        children: React.ReactNode;
        transform?: MapInteractionTransform;
        onChange?: (...args: any[])=>any;
        minScale?: number;
        maxScale?: number;
        showControls?: boolean;
        isDragBlocked?: boolean;
        /**
         * Disable drag on map on specific element (CSS selector, e.g. ".my-element")
         */
        preventDragSelector?: string;
        preventScrollSelector?: string;
    }

    const MapInteraction: React.FC<MapInteractionProps>;

    export default MapInteraction;

}

declare module 'src/react/projects/mapInteraction/MapInteractionContext' {
    import * as React from 'react';

}

declare module 'src/react/projects/mapInteraction/MapInteractionControls' {
    import * as React from 'react';

    export interface MapInteractionControlsProps {
    [key: string]: any;
        onScale?: (...args: any[])=>any;
        onFitScale?: (...args: any[])=>any;
        scale?: number;
        minScale?: number;
        maxScale?: number;
    }

    export const MapInteractionControls: React.FC<MapInteractionControlsProps>;

}

declare module 'src/react/projects/pipeline/Pipeline' {
    import * as React from 'react';

    export type PipelineDefaultClassName = string | string[];

    export interface PipelineProps {
    [key: string]: any;
        children: React.ReactNode;
        defaultClassName?: PipelineDefaultClassName;
        className?: string;
        showConnectors?: boolean;
    }

    export const Pipeline: React.FC<PipelineProps>;

}

declare module 'src/react/projects/pipeline/PipelineAddItem' {
    import * as React from 'react';

    export type PipelineAddItemDefaultClassName = string | string[];

    export interface PipelineAddItemAddItemDefaultOffset {
        top?: number;
        left?: number;
    }

    export interface PipelineAddItemProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        children?: React.ReactNode;
        defaultClassName?: PipelineAddItemDefaultClassName;
        className?: string;
        isOpen?: boolean;
        position?: string;
        addItemDefaultOffset?: PipelineAddItemAddItemDefaultOffset;
        popperClassName?: string;
        onOpen?: (...args: any[])=>any;
        onClose?: (...args: any[])=>any;
    }

    export const PipelineAddItem: React.FC<PipelineAddItemProps>;

}

declare module 'src/react/projects/pipeline/PipelineConnectors' {
    import * as React from 'react';

    export interface PipelineConnectorsProps {
    [key: string]: any;
        containerId: string;
    }

    export const PipelineConnectors: React.FC<PipelineConnectorsProps>;

}

declare module 'src/react/projects/pipeline/PipelineDragContainer' {
    import * as React from 'react';

    export interface PipelineDragContainerProps {
    [key: string]: any;
        children?: React.ReactNode;
        /**
         * onDragEnd({ oldIndex, newIndex })
         */
        onDragEnd?: (...args: any[])=>any;
    }

    export const PipelineDragContainer: React.FC<PipelineDragContainerProps>;

}

declare module 'src/react/projects/pipeline/PipelineDragItem' {
    import * as React from 'react';

    export type PipelineDragItemId = string | number;

    export interface PipelineDragItemProps {
    [key: string]: any;
        children?: React.ReactNode;
        id: PipelineDragItemId;
        index: number;
    }

    export const PipelineDragItem: React.FC<PipelineDragItemProps>;

}

declare module 'src/react/projects/pipeline/PipelineItem' {
    import * as React from 'react';

    export type PipelineItemChildren = React.ReactNode | any[];

    export type PipelineItemDefaultClassName = string | string[];

    export interface PipelineItemProps {
    [key: string]: any;
        children: PipelineItemChildren;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: PipelineItemDefaultClassName;
        className?: string;
    }

    export const PipelineItem: React.FC<PipelineItemProps>;

}

declare module 'src/react/projects/pipeline/PipelineJob' {
    import * as React from 'react';

    export type PipelineJobDefaultClassName = string | string[];

    export interface PipelineJobDefaultOffset {
        top?: number;
        left?: number;
    }

    export type PipelineJobContext = Object | boolean;

    export interface PipelineJobProps {
    [key: string]: any;
        children?: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: PipelineJobDefaultClassName;
        defaultPlacement?: string;
        className?: string;
        category?: string;
        name: string;
        technology?: string;
        technologyIcon?: string;
        technologyIconUrl?: string;
        message?: React.ReactNode;
        isFocus?: boolean;
        onFocus?: (...args: any[])=>any;
        status?: string;
        statusInfos?: string;
        defaultOffset?: PipelineJobDefaultOffset;
        popperClassName?: string;
        context?: PipelineJobContext;
        version?: string;
        autoClosePopper?: boolean;
    }

    export const PipelineJob: React.FC<PipelineJobProps>;

    export const renderMainElement: React.FC;

    export const getIconByStatus: React.FC;

}

declare module 'src/react/projects/pipeline/PipelineJobActions' {
    import * as React from 'react';

    export type PipelineJobActionsDefaultClassName = string | string[];

    export interface PipelineJobActionsProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: PipelineJobActionsDefaultClassName;
        className?: string;
        defaultPlacement?: string;
    }

    export const PipelineJobActions: React.FC<PipelineJobActionsProps>;

}

declare module 'src/react/projects/projectInstancesQuickview/ProjectInstancesQuickview' {
    import * as React from 'react';

    export type ProjectInstancesQuickviewDefaultClassName = string | string[];

    export interface ProjectInstancesQuickviewProps {
    [key: string]: any;
        children: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: ProjectInstancesQuickviewDefaultClassName;
        className?: string;
        timeRange: number;
    }

    export const ProjectInstancesQuickview: React.FC<ProjectInstancesQuickviewProps>;

}

declare module 'src/react/projects/projectInstancesQuickview/ProjectInstancesQuickviewItem' {
    import * as React from 'react';

    export type ProjectInstancesQuickviewItemDefaultClassName = string | string[];

    export interface ProjectInstancesQuickviewItemProps {
    [key: string]: any;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        defaultClassName?: ProjectInstancesQuickviewItemDefaultClassName;
        className?: string;
        timeRange?: number;
        start: number;
        end: number;
        isFailed?: boolean;
    }

    export const ProjectInstancesQuickviewItem: React.FC<ProjectInstancesQuickviewItemProps>;

}

declare module 'src/react/projects/status/Status' {
    import * as React from 'react';

    export type StatusDefaultClassName = string | string[];

    export type StatusName = any | any;

    export type StatusPosition = "" | "start" | "between" | "end";

    export type StatusSize = "" | "xs" | "sm" | "lg" | "xl";

    export type StatusInfo = string | React.ReactNode;

    export interface StatusProps {
    [key: string]: any;
        /**
         * The Status content
         */
        children?: React.ReactNode;
        /**
         * The component used for the root node.
         * Either a string to use a DOM element or a component.
         */
        tag?: any;
        /**
         * The component default class.
         */
        defaultClassName?: StatusDefaultClassName;
        /**
         * The className property allows you to add more classes to the component.
         */
        className?: string;
        /**
         * The Status name as defined by Saagie.
         */
        name: StatusName;
        /**
         * The Status position for the component to add the correct spacing.
         */
        position?: StatusPosition;
        /**
         * The Status size.
         */
        size?: StatusSize;
        /**
         * The Status information. Will add context in a Tooltip.
         */
        info?: StatusInfo;
        /**
         * The automatic display of the information on page or element events.
         */
        autoDisplayInfo?: boolean;
        /**
         * Object of props passed to the Tooltip component
         */
        tooltipProps?: Object;
    }

    export const Status: React.FC<StatusProps>;

}