@tap-payments/os-micro-frontend-shared 0.3.273 → 0.3.274

package/build/components/JSONViewer/components/JSONTitleBar/type.d.ts

@@ -1,14 +0,0 @@
-import { SyntheticEvent } from 'react';
-export interface JSONTitleBarProps {
-    title: string;
-    onClose?: (e: SyntheticEvent) => void;
-    onMaximize?: (e: SyntheticEvent) => void;
-    maximized?: boolean;
-    id?: string;
-    onRequestClick?: (e: SyntheticEvent) => void;
-    isRequestExpanded?: boolean;
-    onMouseHover: (e: SyntheticEvent) => void;
-    onMouseLeave: (e: SyntheticEvent) => void;
-    showRequestIcon?: boolean;
-    isHovered?: boolean;
-}

package/build/components/JSONViewer/components/index.d.ts

@@ -1,4 +0,0 @@
-export { default as FooterButton } from './FooterButton';
-export { default as HighlightText } from './HighlightText';
-export { default as JSONSearchBar, type JSONSearchBarProps } from './JSONSearchBar';
-export { default as JSONTitleBar, type JSONTitleBarProps } from './JSONTitleBar';

package/build/components/JSONViewer/context/Provider.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode, type RefObject } from 'react';
-type JsonViewerDialogProviderProps = {
-    children: ReactNode;
-    containerRef?: RefObject<HTMLElement>;
-};
-export declare const JsonViewerDialogContextProvider: ({ children, containerRef }: JsonViewerDialogProviderProps) => import("react").JSX.Element;
-export {};

package/build/components/JSONViewer/context/context.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { JsonViewerContext } from '../type';
-export declare const JsonViewerDialogContext: import("react").Context<JsonViewerContext>;

package/build/components/JSONViewer/context/index.d.ts

@@ -1,2 +0,0 @@
-export * from './context';
-export { JsonViewerDialogContextProvider } from './Provider';

package/build/components/JSONViewer/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export { useJsonSearch } from './useJsonSearch';
-export { useJsonViewerContext } from './useJsonViewerContext';

package/build/components/JSONViewer/hooks/useJsonViewerContext.d.ts

@@ -1,9 +0,0 @@
-import type { JsonViewerEvents } from '../type';
-type Props = JsonViewerEvents & {
-    isWindowMinimized: boolean;
-    windowOrder: number;
-};
-export declare const useJsonViewerContext: ({ isWindowMinimized, windowOrder, ...events }: Props) => {
-    handleJsonViewerDialogOpen: (jsonViewer: import("../type").JsonViewer) => void;
-};
-export {};

package/build/components/JSONViewer/index.d.ts

@@ -1,7 +0,0 @@
-import JSONViewer from './JSONViewer';
-export * from './context';
-export * from './type';
-export * from './hooks';
-export * from './JSONViewerList';
-export * from './components';
-export default JSONViewer;

package/build/components/JSONViewer/index.js

@@ -1 +0,0 @@
-export{a as FooterButton,c as HighlightText,b as JSONSearchBar,d as JSONTitleBar,f as JSONViewerList,e as JsonViewerDialogContext,g as JsonViewerDialogContextProvider,j as default,h as useJsonSearch,i as useJsonViewerContext}from'../../_chunks/chunk-2RPPZGV7.js';import'../../_chunks/chunk-ABVY4O2O.js';import'../../_chunks/chunk-7VJMQ6ZC.js';import'../../_chunks/chunk-LXG5YXOJ.js';import'../../_chunks/chunk-EG32DA46.js';import'../../_chunks/chunk-AXNWVU3K.js';import'../../_chunks/chunk-EOBVIUIS.js';import'../../_chunks/chunk-RUFO5P34.js';import'../../_chunks/chunk-IQAHULGQ.js';import'../../_chunks/chunk-37JEPAIM.js';

package/build/components/JSONViewer/type.d.ts

@@ -1,33 +0,0 @@
-import type { HTMLAttributes, ReactNode, RefObject } from 'react';
-export type JsonViewerProps = JsonViewer & JsonViewerEvents & {
-    index: number;
-    onClose: () => void;
-    isWindowMinimized?: boolean;
-    windowOrder?: number;
-};
-export interface AnimatedButtonProps extends HTMLAttributes<HTMLButtonElement> {
-    label?: ReactNode;
-    icon?: string;
-    disableAnimation?: boolean;
-}
-export type JsonViewer = {
-    json: Record<string, any>;
-    requestJson?: Record<string, any>;
-};
-export type JsonViewerEvents = {
-    onJsonRequestOpen?: () => void;
-    onJsonSearch?: () => void;
-    onJsonCopy?: () => void;
-    onJsonIdCopy?: () => void;
-    onJsonNodesMinimize?: () => void;
-    onJsonNodesMaximize?: () => void;
-};
-export type JsonViewerContext = {
-    jsonViewerList: JsonViewer[];
-    handleJsonViewerDialogOpen: (jsonViewer: JsonViewer) => void;
-    handleWindowMinimize: (value: boolean) => void;
-    handleWindowOrder: (value: number) => void;
-    /** Registers the active consumer's analytics handlers with the provider. */
-    registerJsonViewerEvents: (events: JsonViewerEvents) => void;
-    containerRef?: RefObject<HTMLElement>;
-};

package/build/components/JSONViewer/utils.d.ts

@@ -1,7 +0,0 @@
-type JsonValue = string | number | boolean | null | undefined | JsonValue[] | JsonRecord;
-interface JsonRecord {
-    [key: string]: JsonValue;
-}
-export declare function filterJsonObject(obj: JsonRecord, lowerQuery: string): JsonRecord | null;
-export declare function filterJson(obj: JsonRecord, query: string): JsonRecord | null;
-export {};

package/build/components/MFWidgetLoader/DefaultMFWidgetLoader.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function DefaultMFWidgetLoader(): import("react").JSX.Element;

package/build/components/MFWidgetLoader/MFWidgetLoader.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface MFWidgetLoaderProps {
-    appCode?: string;
-}
-declare const MFWidgetLoader: ({ appCode }: MFWidgetLoaderProps) => import("react").JSX.Element;
-export default MFWidgetLoader;

package/build/components/MFWidgetLoader/ReportsMFWidgetLoader.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function ReportsMFWidgetLoader(): import("react").JSX.Element;

package/build/components/MFWidgetLoader/index.d.ts

@@ -1,2 +0,0 @@
-import MFWidgetLoader from './MFWidgetLoader';
-export default MFWidgetLoader;

package/build/components/MFWidgetLoader/index.js

@@ -1 +0,0 @@
-export{a as default}from'../../_chunks/chunk-OOLWSYGD.js';import'../../_chunks/chunk-RUFO5P34.js';import'../../_chunks/chunk-IQAHULGQ.js';import'../../_chunks/chunk-37JEPAIM.js';

package/build/components/Toolbar/Toolbar.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ToolbarProps } from './type';
-declare function Toolbar({ onMouseEnter, onMouseLeave, isMaximized, isHovered, rightActions, leftActions, title, icon, ...props }: ToolbarProps): import("react").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof Toolbar>;
-export default _default;

package/build/components/Toolbar/ToolbarAppIcon.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface ToolbarAppIconProps {
-    title: string;
-    icon?: string;
-}
-declare function ToolbarAppIcon({ title, icon }: ToolbarAppIconProps): import("react").JSX.Element;
-export default ToolbarAppIcon;

package/build/components/Toolbar/index.d.ts

@@ -1,4 +0,0 @@
-import Toolbar from './Toolbar';
-export * from './type';
-export { StyledHeaderWrapperStyled, StyledHeaderWrapper } from './style';
-export default Toolbar;

package/build/components/Toolbar/index.js

@@ -1 +0,0 @@
-export{a as StyledHeaderWrapper,c as StyledHeaderWrapperStyled,d as default}from'../../_chunks/chunk-LXG5YXOJ.js';import'../../_chunks/chunk-AXNWVU3K.js';import'../../_chunks/chunk-RUFO5P34.js';import'../../_chunks/chunk-IQAHULGQ.js';import'../../_chunks/chunk-37JEPAIM.js';

package/build/components/Toolbar/style.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-export declare const ActionsBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const HeaderIcon: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const StyledBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const StyledHeaderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    maximized?: boolean | undefined;
-    isDragging?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledAppHeaderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    isDragging?: boolean | undefined;
-}, {}, {}>;
-export declare const ToolbarStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    maximized?: boolean | undefined;
-    isHovered?: boolean | undefined;
-}, {}, {}>;
-export declare const StyledHeaderWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    maximized?: boolean | undefined;
-    isDragging?: boolean | undefined;
-} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, {}, {}>;
-export declare const TitleStyled: import("@emotion/styled").StyledComponent<Omit<Omit<import("../primitives").TypographyProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLElement> | ((instance: HTMLElement | null) => void) | null | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const StyledWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/build/components/Toolbar/type.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-import { BoxProps } from '@mui/material/Box';
-export interface ToolbarProps extends BoxProps {
-    isMaximized?: boolean;
-    isHovered?: boolean;
-    rightActions?: ReactNode;
-    leftActions?: ReactNode;
-    title: string;
-    icon?: string;
-}

package/build/components/ToolbarIcon/CloseIcon/CloseIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from '@mui/material/Box';
-export declare function CloseIcon(props: BoxProps): import("react").JSX.Element;

package/build/components/ToolbarIcon/CloseIcon/index.d.ts

@@ -1 +0,0 @@
-export * from './CloseIcon';

package/build/components/ToolbarIcon/CloseIcon/style.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const Icon: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/ToolbarIcon/ExpandButton/ExpandButton.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-import { BoxProps } from '@mui/material/Box';
-interface ExpandButtonTextProps extends BoxProps {
-    isExpanded: boolean;
-    children: ReactNode;
-    isHovered?: boolean;
-}
-export declare function ExpandButton({ isExpanded, isHovered, children, ...props }: ExpandButtonTextProps): import("react").JSX.Element;
-export {};

package/build/components/ToolbarIcon/ExpandButton/index.d.ts

@@ -1 +0,0 @@
-export * from './ExpandButton';

package/build/components/ToolbarIcon/ExpandButton/style.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export declare const RequestIcon: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    isHovered?: boolean | undefined;
-}, {}, {}>;
-export declare const ExpandWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const ExpandText: import("@emotion/styled").StyledComponent<import("@mui/material/Typography").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "minWidth" | "minHeight" | "height" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "classes" | "align" | "className" | "style" | "children" | "sx" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    isHovered?: boolean | undefined;
-}, {}, {}>;

package/build/components/ToolbarIcon/MaximizeIcon/MaximizeIcon.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from '@mui/material/Box';
-interface MaximizeIconProps extends BoxProps {
-    isMaximized?: boolean;
-}
-export declare function MaximizeIcon({ isMaximized, ...props }: MaximizeIconProps): import("react").JSX.Element;
-export {};

package/build/components/ToolbarIcon/MaximizeIcon/index.d.ts

@@ -1 +0,0 @@
-export * from './MaximizeIcon';

package/build/components/ToolbarIcon/MaximizeIcon/style.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const Icon: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/ToolbarIcon/MinimizeIcon/MinimizeIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from '@mui/material/Box';
-export declare function MinimizeIcon(props: BoxProps): import("react").JSX.Element;

package/build/components/ToolbarIcon/MinimizeIcon/index.d.ts

@@ -1 +0,0 @@
-export * from './MinimizeIcon';

package/build/components/ToolbarIcon/MinimizeIcon/style.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const Icon: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/ToolbarIcon/index.d.ts

@@ -1,4 +0,0 @@
-export * from './CloseIcon';
-export * from './MinimizeIcon';
-export * from './MaximizeIcon';
-export * from './ExpandButton';

package/build/components/ToolbarIcon/index.js

@@ -1 +0,0 @@
-export{a as CloseIcon,d as ExpandButton,c as MaximizeIcon,b as MinimizeIcon}from'../../_chunks/chunk-EG32DA46.js';import'../../_chunks/chunk-IQAHULGQ.js';import'../../_chunks/chunk-37JEPAIM.js';

package/build/components/ToolbarIcon/style.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const HeaderIcon: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/constants/style.d.ts

@@ -1,4 +0,0 @@
-export declare const APP_WINDOW_Z_INDEX = 3;
-export declare const HEADER_HEIGHT = 88;
-export declare const FOOTER_HEIGHT = 24;
-export declare const WINDOW_TOOL_BAR_HEIGHT = "32px";

package/build/hooks/useCheckUserLoggedIn.d.ts

@@ -1 +0,0 @@
-export declare const useCheckUserLoggedIn: () => void;

package/build/hooks/useMouseState.d.ts

@@ -1,8 +0,0 @@
-export declare const useMouseState: () => {
-    onMouseContentEnter: () => void;
-    onMouseContentLeave: () => void;
-    isHovered: boolean;
-    isContentHovered: boolean;
-    onMouseEnter: () => void;
-    onMouseLeave: () => void;
-};