kiban-design-system 1.0.280-alpha.0 → 1.0.282-alpha.0

package/dist/components/Logo/Logos/Workfloo/WorkflooBeta.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const WorkflooBeta: ({ size }: LogosProps) => JSX.Element;
-export default WorkflooBeta;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const WorkflooBeta: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default WorkflooBeta;

package/dist/components/Logo/Logos/Workfloo/WorkflooLegacy.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const WorkflooLegacy: ({ size }: LogosProps) => JSX.Element;
-export default WorkflooLegacy;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const WorkflooLegacy: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default WorkflooLegacy;

package/dist/components/Logo/Logos/Workfloo/WorkflooProd.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const WorkflooProd: ({ size }: LogosProps) => JSX.Element;
-export default WorkflooProd;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const WorkflooProd: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default WorkflooProd;

package/dist/components/Logo/Logos/Workfloo/WorkflooProdWhite.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const WorkflooProdWhite: ({ size }: LogosProps) => JSX.Element;
-export default WorkflooProdWhite;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const WorkflooProdWhite: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default WorkflooProdWhite;

package/dist/components/Logo/Logos/Workfloo/WorkflooTest.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const WorkflooTest: ({ size }: LogosProps) => JSX.Element;
-export default WorkflooTest;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const WorkflooTest: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default WorkflooTest;

package/dist/components/Logo/Logos/Workfloo/WorkflooTestWhite.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const WorkflooTestWhite: ({ size }: LogosProps) => JSX.Element;
-export default WorkflooTestWhite;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const WorkflooTestWhite: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default WorkflooTestWhite;

package/dist/components/Logo/Logos/Workfloo/WorkflooWhite.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const WorkflooWhite: ({ size }: LogosProps) => JSX.Element;
-export default WorkflooWhite;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const WorkflooWhite: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default WorkflooWhite;

package/dist/components/Logo/Logos/index.d.ts

@@ -1,24 +1,24 @@
-import KibanCloud from './KibanCloud/KibanCloud';
-import Link from './Link/Link';
-import LinkWhite from './Link/LinkWhite';
-import KibanCloudWhite from './KibanCloud/KibanCloudWhite';
-import Kiban from './Kiban/Kiban';
-import KibanWhite from './Kiban/KibanWhite';
-import Klin from './Klin/Klin';
-import KlinWhite from './Klin/KlinWhite';
-import Rainao from './Rainao/Rainao';
-import RainaoWhite from './Rainao/RainaoWhite';
-import Rekon from './Rekon/Rekon';
-import RekonWhite from './Rekon/RekonWhite';
-import Trak from './Trak/Trak';
-import TrakWhite from './Trak/TrakWhite';
-import Workfloo from './Workfloo/Workfloo';
-import WorkflooWhite from './Workfloo/WorkflooWhite';
-import WorkflooProd from './Workfloo/WorkflooProd';
-import WorkflooProdWhite from './Workfloo/WorkflooProdWhite';
-import WorkflooTest from './Workfloo/WorkflooTest';
-import WorkflooTestWhite from './Workfloo/WorkflooTestWhite';
-import WorkflooLegacy from './Workfloo/WorkflooLegacy';
-import WorkflooBeta from './Workfloo/WorkflooBeta';
-export type { LogosProps } from './Logos.props';
-export { KibanCloud, KibanCloudWhite, Kiban, KibanWhite, Klin, KlinWhite, Rainao, RainaoWhite, Rekon, RekonWhite, Trak, TrakWhite, Workfloo, WorkflooWhite, WorkflooProd, WorkflooProdWhite, WorkflooTest, WorkflooTestWhite, WorkflooLegacy, WorkflooBeta, Link, LinkWhite, };
+import KibanCloud from './KibanCloud/KibanCloud';
+import Link from './Link/Link';
+import LinkWhite from './Link/LinkWhite';
+import KibanCloudWhite from './KibanCloud/KibanCloudWhite';
+import Kiban from './Kiban/Kiban';
+import KibanWhite from './Kiban/KibanWhite';
+import Klin from './Klin/Klin';
+import KlinWhite from './Klin/KlinWhite';
+import Rainao from './Rainao/Rainao';
+import RainaoWhite from './Rainao/RainaoWhite';
+import Rekon from './Rekon/Rekon';
+import RekonWhite from './Rekon/RekonWhite';
+import Trak from './Trak/Trak';
+import TrakWhite from './Trak/TrakWhite';
+import Workfloo from './Workfloo/Workfloo';
+import WorkflooWhite from './Workfloo/WorkflooWhite';
+import WorkflooProd from './Workfloo/WorkflooProd';
+import WorkflooProdWhite from './Workfloo/WorkflooProdWhite';
+import WorkflooTest from './Workfloo/WorkflooTest';
+import WorkflooTestWhite from './Workfloo/WorkflooTestWhite';
+import WorkflooLegacy from './Workfloo/WorkflooLegacy';
+import WorkflooBeta from './Workfloo/WorkflooBeta';
+export type { LogosProps } from './Logos.props';
+export { KibanCloud, KibanCloudWhite, Kiban, KibanWhite, Klin, KlinWhite, Rainao, RainaoWhite, Rekon, RekonWhite, Trak, TrakWhite, Workfloo, WorkflooWhite, WorkflooProd, WorkflooProdWhite, WorkflooTest, WorkflooTestWhite, WorkflooLegacy, WorkflooBeta, Link, LinkWhite, };

package/dist/components/Logo/index.d.ts

@@ -1,3 +1,3 @@
-import Logo from './Logo';
-export type { LogoProps, LogoName } from './Logo.props';
-export { Logo };
+import Logo from './Logo';
+export type { LogoProps, LogoName } from './Logo.props';
+export { Logo };

package/dist/components/Media/Media.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
-import type { MediaProps } from './Media.props';
-import './Media.styles.scss';
-/**
- * Media component are used primarily for show a little box whit a icon inside.
- *
- * @example
- * <Media icon='Search' appearance='danger' size='small' />
- * @param {MediaProps} MediaProps - Media props.
- * @param {string} MediaProps.icon - Icon to be displayed inside media
- * @param {string} MediaProps.size - Changes the size of the media, giving it more or less padding and changing the svg
- * @param {string} MediaProps.appearance - Changes the color for component media
- * @returns {symbol} The component.
- */
-declare const Media: ({ appearance, icon, size, themeAppearance, }: MediaProps) => JSX.Element;
-export default Media;
+import type { MediaProps } from './Media.props';
+import './Media.styles.scss';
+/**
+ * Media component are used primarily for show a little box whit a icon inside.
+ *
+ * @example
+ * <Media icon='Search' appearance='danger' size='small' />
+ * @param {MediaProps} MediaProps - Media props.
+ * @param {string} MediaProps.icon - Icon to be displayed inside media
+ * @param {string} MediaProps.size - Changes the size of the media, giving it more or less padding and changing the svg
+ * @param {string} MediaProps.appearance - Changes the color for component media
+ * @returns {symbol} The component.
+ */
+declare const Media: ({ appearance, icon, size, themeAppearance, }: MediaProps) => import("react/jsx-runtime").JSX.Element;
+export default Media;

package/dist/components/Media/Media.props.d.ts

@@ -1,18 +1,18 @@
-import type { IconName } from '../Icon';
-export interface MediaProps {
-    /**
-     * The type of media to display
-     *
-     * @default 'default'
-     */
-    appearance?: 'default' | 'success' | 'warning' | 'info' | 'danger' | 'majorWarning';
-    /**
-     * Changes the size of the media, giving it more or less padding and changing the font size
-     *
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    /** Icon to be displayed into media */
-    icon: IconName;
-    themeAppearance?: 'CLOUD' | 'RAINAO' | 'LINK' | 'WORKFLOO' | 'REKON';
-}
+import type { IconName } from '../Icon';
+export interface MediaProps {
+    /**
+     * The type of media to display
+     *
+     * @default 'default'
+     */
+    appearance?: 'default' | 'success' | 'warning' | 'info' | 'danger' | 'majorWarning';
+    /**
+     * Changes the size of the media, giving it more or less padding and changing the font size
+     *
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /** Icon to be displayed into media */
+    icon: IconName;
+    themeAppearance?: 'CLOUD' | 'RAINAO' | 'LINK' | 'WORKFLOO' | 'REKON';
+}

package/dist/components/Media/index.d.ts

@@ -1,3 +1,3 @@
-import Media from './Media';
-export type { MediaProps } from './Media.props';
-export { Media };
+import Media from './Media';
+export type { MediaProps } from './Media.props';
+export { Media };

package/dist/components/Modal/Modal.d.ts

@@ -1,29 +1,28 @@
-/// <reference types="react" />
-import type { ModalProps } from './Modal.props';
-import './Modal.styles.scss';
-/**
- * Modal component is used to display any content in a pop up
- * box
- *
- * @param {ModalProps} ModalProps - Modal props
- * @param {ReactNode} ModalProps.children - Children component
- * @param {boolean} ModalProps.isOpen - Flag used to show or hide the modal
- * @param {string} ModalProps.media - Icon name to create a media component to display in header
- * @param {Function} ModalProps.onClose - Function to exeute when clic close icon modal
- * @param {string} ModalProps.position - Footer buttons position
- * @param {Object} ModalProps.primaryAction - Objects to create primary button in footer
- * @param {Object} ModalProps.secondaryActions - Array of objects to create secundary buttons in footer
- * @param {boolean} ModalProps.showFooter - Flag to show or hide the modal footer
- * @param {boolean} ModalProps.showHeader - Flag to show or hide the modal header
- * @param {string} ModalProps.size - Modal size, it could be small medium or large;
- * @param {string} ModalProps.title - Title to display in modal header
- * @param {boolean} ModalProps.hasPane - Validate if it has Pane
- */
-declare const Modal: {
-    ({ ariaLabel, children, isOpen, media, onClose, position, primaryAction, secondaryActions, extraAction, hideFooter, hideHeader, size, title, hasPane, id, mediaTheme, height, }: ModalProps): JSX.Element;
-    Header: ({ ariaLabel, title, media, onClose, hideHeader, mediaTheme, }: import("./components").ModalHeaderProps) => JSX.Element;
-    Pane: ({ children, size }: import("./components").PaneProps) => JSX.Element;
-    Content: ({ children, hasPane, height }: import("./components").ModalContentProps) => JSX.Element;
-    Footer: ({ position, primaryAction, secondaryActions, extraAction, hideFooter, }: import("./components").ModalFooterProps) => JSX.Element;
-};
-export default Modal;
+import type { ModalProps } from './Modal.props';
+import './Modal.styles.scss';
+/**
+ * Modal component is used to display any content in a pop up
+ * box
+ *
+ * @param {ModalProps} ModalProps - Modal props
+ * @param {ReactNode} ModalProps.children - Children component
+ * @param {boolean} ModalProps.isOpen - Flag used to show or hide the modal
+ * @param {string} ModalProps.media - Icon name to create a media component to display in header
+ * @param {Function} ModalProps.onClose - Function to exeute when clic close icon modal
+ * @param {string} ModalProps.position - Footer buttons position
+ * @param {Object} ModalProps.primaryAction - Objects to create primary button in footer
+ * @param {Object} ModalProps.secondaryActions - Array of objects to create secundary buttons in footer
+ * @param {boolean} ModalProps.showFooter - Flag to show or hide the modal footer
+ * @param {boolean} ModalProps.showHeader - Flag to show or hide the modal header
+ * @param {string} ModalProps.size - Modal size, it could be small medium or large;
+ * @param {string} ModalProps.title - Title to display in modal header
+ * @param {boolean} ModalProps.hasPane - Validate if it has Pane
+ */
+declare const Modal: {
+    ({ ariaLabel, children, isOpen, media, onClose, position, primaryAction, secondaryActions, extraAction, hideFooter, hideHeader, size, title, hasPane, id, mediaTheme, height, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+    Header: ({ ariaLabel, title, media, onClose, hideHeader, mediaTheme, }: import("./components").ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Pane: ({ children, size }: import("./components").PaneProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, hasPane, height }: import("./components").ModalContentProps) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ position, primaryAction, secondaryActions, extraAction, hideFooter, }: import("./components").ModalFooterProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Modal;

package/dist/components/Modal/Modal.props.d.ts

@@ -1,37 +1,36 @@
-/// <reference types="react" />
-import type { ModalHeaderProps } from './components';
-import type { ModalFooterProps } from './components';
-import type { ModalContentProps } from './components';
-export interface ModalProps extends ModalHeaderProps, ModalFooterProps, ModalContentProps {
-    /**
-     * Component ID
-     */
-    id?: string;
-    /**
-     * Flag to open or close the Modal
-     */
-    isOpen?: boolean;
-    /**
-     * Modal size
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large' | 'extra-large' | 'huge';
-    /**
-     * Flag to open or close the Modal
-     */
-    children?: React.ReactNode;
-    /**
-     * Flag show or hide the footer
-     * @default 'false'
-     */
-    hideFooter?: boolean;
-    /**
-     * Flag show or hide the header
-     * @default 'true'
-     */
-    hideHeader?: boolean;
-    /**
-     * Label to use in automatic tests
-     */
-    ariaLabel?: string;
-}
+import type { ModalHeaderProps } from "./components";
+import type { ModalFooterProps } from "./components";
+import type { ModalContentProps } from "./components";
+export interface ModalProps extends ModalHeaderProps, ModalFooterProps, ModalContentProps {
+    /**
+     * Component ID
+     */
+    id?: string;
+    /**
+     * Flag to open or close the Modal
+     */
+    isOpen?: boolean;
+    /**
+     * Modal size
+     * @default 'medium'
+     */
+    size?: "small" | "medium" | "large" | "extra-large" | "huge";
+    /**
+     * Flag to open or close the Modal
+     */
+    children?: React.ReactNode;
+    /**
+     * Flag show or hide the footer
+     * @default 'false'
+     */
+    hideFooter?: boolean;
+    /**
+     * Flag show or hide the header
+     * @default 'true'
+     */
+    hideHeader?: boolean;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
+}

package/dist/components/Modal/components/Content/Content.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-import type { ModalContentProps } from './Content.props';
-import './Content.styles.scss';
-/**
- * Modal component is used to display any content in a pop up
- * box
- *
- * @param {PaneProps} ModalContentProps - Pane props
- * @param {ReactNode} ModalContentProps.children - Children component
- * @param {boolean} ModalContentProps.hasPane - Children component
- */
-declare const Content: ({ children, hasPane, height }: ModalContentProps) => JSX.Element;
-export default Content;
+import type { ModalContentProps } from './Content.props';
+import './Content.styles.scss';
+/**
+ * Modal component is used to display any content in a pop up
+ * box
+ *
+ * @param {PaneProps} ModalContentProps - Pane props
+ * @param {ReactNode} ModalContentProps.children - Children component
+ * @param {boolean} ModalContentProps.hasPane - Children component
+ */
+declare const Content: ({ children, hasPane, height }: ModalContentProps) => import("react/jsx-runtime").JSX.Element;
+export default Content;

package/dist/components/Modal/components/Content/Content.props.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
-export interface ModalContentProps {
-    /**
-     * Content to display in modal
-     */
-    children?: React.ReactNode;
-    /**
-     * Flag to validate if content has Pane
-     * @default 'false'
-     */
-    hasPane?: boolean;
-    /**
-     * Height to content modal
-     */
-    height?: number;
-}
+export interface ModalContentProps {
+    /**
+     * Content to display in modal
+     */
+    children?: React.ReactNode;
+    /**
+     * Flag to validate if content has Pane
+     * @default 'false'
+     */
+    hasPane?: boolean;
+    /**
+     * Height to content modal
+     */
+    height?: number;
+}

package/dist/components/Modal/components/Content/index.d.ts

@@ -1,3 +1,3 @@
-import Content from './Content';
-export type { ModalContentProps } from './Content.props';
-export { Content };
+import Content from './Content';
+export type { ModalContentProps } from './Content.props';
+export { Content };

package/dist/components/Modal/components/Footer/Footer.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import type { ModalFooterProps } from './Footer.props';
-import './Footer.styles.scss';
-/**
- * ModalFooter component is used as footer in Modal component
- *
- * @param {ModalFooterPRops}  ModalFooterProps - Modal props
- * @param {string} ModalProps.position - Footer buttons position
- * @param {Object} ModalProps.primaryAction - Object to create primary button in footer
- * @param {Object} ModalProps.secondaryActions - Array of objects to create secundary buttons in footer
- * @param {Object} ModalProps.extraAction - Object to create extra button in footer
- */
-declare const Footer: ({ position, primaryAction, secondaryActions, extraAction, hideFooter, }: ModalFooterProps) => JSX.Element;
-export default Footer;
+import type { ModalFooterProps } from './Footer.props';
+import './Footer.styles.scss';
+/**
+ * ModalFooter component is used as footer in Modal component
+ *
+ * @param {ModalFooterPRops}  ModalFooterProps - Modal props
+ * @param {string} ModalProps.position - Footer buttons position
+ * @param {Object} ModalProps.primaryAction - Object to create primary button in footer
+ * @param {Object} ModalProps.secondaryActions - Array of objects to create secundary buttons in footer
+ * @param {Object} ModalProps.extraAction - Object to create extra button in footer
+ */
+declare const Footer: ({ position, primaryAction, secondaryActions, extraAction, hideFooter, }: ModalFooterProps) => import("react/jsx-runtime").JSX.Element;
+export default Footer;

package/dist/components/Modal/components/Footer/Footer.props.d.ts

@@ -1,61 +1,61 @@
-export interface SecondaryActionProps {
-    /**
-     * Test to display in secundary action button
-     */
-    text: string;
-    /**
-     * Adds the appearance to secondary actions
-     * @default 'secondary'
-     * @type 'secondary' | 'tertiary'
-     */
-    appearance?: 'secondary' | 'tertiary';
-    /**
-     * Function to execute in secundary action button
-     */
-    onClick?(): void;
-    /**
-     * Flag to enable o disable secundary action button
-     * @default 'false'
-     */
-    isDisabled?: boolean;
-    /**
-     * Flag to set loading state to secundary action button
-     * @default 'false'
-     */
-    isLoading?: boolean;
-    /**
-     * Label to use in automatic tests
-     */
-    ariaLabel?: string;
-}
-export interface PrimaryActionProps extends SecondaryActionProps {
-    /**
-     * Flag to set danger state to primary action button
-     * @default 'false'
-     */
-    isDanger?: boolean;
-}
-export interface ModalFooterProps {
-    /**
-     * Object with props to set to primary action button
-     */
-    primaryAction?: PrimaryActionProps;
-    /**
-     * Object array with props to set to secundary action buttons
-     */
-    secondaryActions?: SecondaryActionProps[];
-    /**
-     * Object with props to set to primary action button
-     */
-    extraAction?: PrimaryActionProps;
-    /**
-     * Flag to display buttons action align
-     * @default 'flex-end'
-     */
-    position?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
-    /**
-     * Flag show or hide the footer
-     * @default 'false'
-     */
-    hideFooter?: boolean;
-}
+export interface SecondaryActionProps {
+    /**
+     * Test to display in secundary action button
+     */
+    text: string;
+    /**
+     * Adds the appearance to secondary actions
+     * @default 'secondary'
+     * @type 'secondary' | 'tertiary'
+     */
+    appearance?: 'secondary' | 'tertiary';
+    /**
+     * Function to execute in secundary action button
+     */
+    onClick?(): void;
+    /**
+     * Flag to enable o disable secundary action button
+     * @default 'false'
+     */
+    isDisabled?: boolean;
+    /**
+     * Flag to set loading state to secundary action button
+     * @default 'false'
+     */
+    isLoading?: boolean;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
+}
+export interface PrimaryActionProps extends SecondaryActionProps {
+    /**
+     * Flag to set danger state to primary action button
+     * @default 'false'
+     */
+    isDanger?: boolean;
+}
+export interface ModalFooterProps {
+    /**
+     * Object with props to set to primary action button
+     */
+    primaryAction?: PrimaryActionProps;
+    /**
+     * Object array with props to set to secundary action buttons
+     */
+    secondaryActions?: SecondaryActionProps[];
+    /**
+     * Object with props to set to primary action button
+     */
+    extraAction?: PrimaryActionProps;
+    /**
+     * Flag to display buttons action align
+     * @default 'flex-end'
+     */
+    position?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+    /**
+     * Flag show or hide the footer
+     * @default 'false'
+     */
+    hideFooter?: boolean;
+}

package/dist/components/Modal/components/Footer/index.d.ts

@@ -1,3 +1,3 @@
-import Footer from './Footer';
-export type { SecondaryActionProps, PrimaryActionProps, ModalFooterProps, } from './Footer.props';
-export { Footer };
+import Footer from './Footer';
+export type { SecondaryActionProps, PrimaryActionProps, ModalFooterProps, } from './Footer.props';
+export { Footer };

package/dist/components/Modal/components/Header/Header.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-import type { ModalHeaderProps } from './Header.props';
-import './Header.styles.scss';
-/**
- * ModalHeader component is used as header in Modal component
- *
- * @param {ModalHeaderProps} ModalHeaderProps - Modal props
- * @param {string} ModalHeaderProps.title - Title to display in modal header
- * @param {string} ModalHeaderProps.media - Icon name to create a media component to display in header
- * @param {Function} ModalHeaderProps.onClose - Function to exeute when clic close icon modal
- */
-declare const ModalHeader: ({ ariaLabel, title, media, onClose, hideHeader, mediaTheme, }: ModalHeaderProps) => JSX.Element;
-export default ModalHeader;
+import type { ModalHeaderProps } from './Header.props';
+import './Header.styles.scss';
+/**
+ * ModalHeader component is used as header in Modal component
+ *
+ * @param {ModalHeaderProps} ModalHeaderProps - Modal props
+ * @param {string} ModalHeaderProps.title - Title to display in modal header
+ * @param {string} ModalHeaderProps.media - Icon name to create a media component to display in header
+ * @param {Function} ModalHeaderProps.onClose - Function to exeute when clic close icon modal
+ */
+declare const ModalHeader: ({ ariaLabel, title, media, onClose, hideHeader, mediaTheme, }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default ModalHeader;