@hellobetterdigitalnz/betterui 0.0.2 → 0.0.3-2

package/README.md

@@ -1,23 +1,23 @@
-# BetterUI
-
-A reusable Rect component library by [Hello Better](https://hellobetterdigital.com).
-
-We at Hello Better builds many web applications using React + Typescript and headless APIs. We make use of Figma design systems and have our own component library that we have shared here. 
-
-## Installation
-
-To install simply use
-
-```
-npm install @hellobetterdigitalnz/betteru
-```
-
-or if you are using yarn 
-
-```
-yarn add @hellobetterdigitalnz/betteru
-```
-
-## Using components
-
-Components are used from the libraries root entry. 
+# BetterUI
+
+A reusable Rect component library by [Hello Better](https://hellobetterdigital.com).
+
+We at Hello Better builds many web applications using React + Typescript and headless APIs. We make use of Figma design systems and have our own component library that we have shared here. 
+
+## Installation
+
+To install simply use
+
+```
+npm install @hellobetterdigitalnz/betteru
+```
+
+or if you are using yarn 
+
+```
+yarn add @hellobetterdigitalnz/betteru
+```
+
+## Using components
+
+Components are used from the libraries root entry. 

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/Components/DataDisplay/Accordion/Accordion.d.ts

@@ -0,0 +1,3 @@
+import AccordionProps from "./AccordionProps.tsx";
+declare const Accordion: (props: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export default Accordion;

package/dist/Components/DataDisplay/Accordion/AccordionContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import AccordionContextInterface from "./AccordionContextInterface.tsx";
+declare const AccordionContext: import("react").Context<AccordionContextInterface>;
+export default AccordionContext;

package/dist/Components/DataDisplay/Accordion/AccordionContextInterface.d.ts

@@ -0,0 +1,7 @@
+interface AccordionContextInterface {
+    handleClick: (index: number) => void;
+    isOpened: (index: number) => boolean;
+    allowMultiple?: boolean;
+    openedList: any[];
+}
+export default AccordionContextInterface;

package/dist/Components/DataDisplay/Accordion/AccordionItem.d.ts

@@ -0,0 +1,3 @@
+import AccordionItemProps from "./AccordionItemProps.tsx";
+declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+export default AccordionItem;

package/dist/Components/DataDisplay/Accordion/AccordionItemProps.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+interface AccordionItemProps {
+    index: string | number;
+    title: string;
+    children: string | ReactNode;
+    onAfterOpened?: () => void;
+    onAfterClosed?: () => void;
+    onBeforeClosed?: () => boolean;
+}
+export default AccordionItemProps;

package/dist/Components/DataDisplay/Accordion/AccordionProps.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface AccordionProps {
+    allowMultiple?: boolean;
+    children: ReactNode;
+}
+export default AccordionProps;

package/dist/Components/DataDisplay/Accordion/AccordionProvider.d.ts

@@ -0,0 +1,3 @@
+import AccordionProviderInterface from "./AccordionProviderInterface.tsx";
+declare const AccordionProvider: (props: AccordionProviderInterface) => import("react/jsx-runtime").JSX.Element;
+export default AccordionProvider;

package/dist/Components/DataDisplay/Accordion/AccordionProviderInterface.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface AccordionProviderInterface {
+    children: ReactNode;
+    allowMultiple?: boolean;
+}
+export default AccordionProviderInterface;

package/dist/Components/DataDisplay/Badge/Badge.d.ts

@@ -0,0 +1,3 @@
+import BadgeProps from "./BadgeProps.tsx";
+declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

package/dist/Components/DataDisplay/Badge/BadgeProps.d.ts

@@ -0,0 +1,5 @@
+interface BadgeProps {
+    status?: "pending" | "inProgress" | "complete";
+    label: string;
+}
+export default BadgeProps;

package/dist/Components/DataDisplay/Cards/BannerCard/BannerCard.d.ts

@@ -0,0 +1,3 @@
+import BannerCardInterface from "./BannerCardInterface.tsx";
+declare const BannerCard: (props: BannerCardInterface) => import("react/jsx-runtime").JSX.Element;
+export default BannerCard;

package/dist/Components/DataDisplay/Cards/BannerCard/BannerCardInterface.d.ts

@@ -0,0 +1,13 @@
+interface BannerCardInterface {
+    title: string;
+    btnTitle: string;
+    description: string;
+    image: string;
+    btnType?: "button" | "submit" | "reset" | undefined;
+    btnSize?: "default" | "large" | "small";
+    btnStyle?: "solid" | "hollow" | "no-border";
+    btnScheme?: "primary" | "secondary" | "gray";
+    extraClass?: string;
+    btnOnClick?: () => void;
+}
+export default BannerCardInterface;

package/dist/Components/DataDisplay/Cards/PathwayCard/PathwayCard.d.ts

@@ -0,0 +1,2 @@
+import PathwayCardInterface from "./PathwayCardInterface.tsx";
+export declare const PathwayCard: (props: PathwayCardInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/DataDisplay/Cards/PathwayCard/PathwayCardInterface.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from "react";
+interface PathwayCardInterface {
+    title: string;
+    btnTitle: string;
+    description: string;
+    image: string | ReactNode;
+    btnType?: "button" | "submit" | "reset" | undefined;
+    btnSize?: "default" | "large" | "small";
+    btnStyle?: "solid" | "hollow" | "no-border";
+    btnScheme?: "primary" | "secondary" | "gray";
+    extraClass?: string;
+    cardOnClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    btnOnClick?: () => void;
+}
+export default PathwayCardInterface;

package/dist/Components/DataDisplay/Media/Media.d.ts

@@ -0,0 +1,3 @@
+import MediaProps from "./MediaProps.tsx";
+declare const Media: ({ type, videoSrc, imageSrc }: MediaProps) => import("react/jsx-runtime").JSX.Element;
+export default Media;

package/{src/Components/DataDisplay/Media/MediaProps.tsx → dist/Components/DataDisplay/Media/MediaProps.d.ts}

@@ -1,9 +1,7 @@
 import { ReactNode } from "react";
-
 interface MediaProps {
-  type?: "image" | "video";
-  videoSrc?: string;
-  imageSrc: string | ReactNode;
+    type?: "image" | "video";
+    videoSrc?: string;
+    imageSrc: string | ReactNode;
 }
-
 export default MediaProps;

package/dist/Components/DataDisplay/Modal/Modal.d.ts

@@ -0,0 +1,3 @@
+import ModalProps from "./ModalProps";
+declare const Modal: (props: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export default Modal;

package/dist/Components/DataDisplay/Modal/ModalActions.d.ts

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

package/dist/Components/DataDisplay/Modal/ModalActionsLeft.d.ts

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

package/dist/Components/DataDisplay/Modal/ModalActionsRight.d.ts

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

package/dist/Components/DataDisplay/Modal/ModalBody.d.ts

@@ -0,0 +1,3 @@
+import ModalBodyProps from "./ModalBodyProps";
+declare const ModalBody: (props: ModalBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default ModalBody;

package/{src/Components/DataDisplay/Modal/ModalBodyProps.tsx → dist/Components/DataDisplay/Modal/ModalBodyProps.d.ts}

@@ -1,7 +1,5 @@
-import { ReactNode } from "react";
-
-interface ModalBodyProps {
-  children?: ReactNode;
-}
-
-export default ModalBodyProps;
+import { ReactNode } from "react";
+interface ModalBodyProps {
+    children?: ReactNode;
+}
+export default ModalBodyProps;

package/dist/Components/DataDisplay/Modal/ModalCurtain.d.ts

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

package/dist/Components/DataDisplay/Modal/ModalHeader.d.ts

@@ -0,0 +1,3 @@
+import ModalHeaderProps from "./ModalHeaderProps";
+declare const ModalHeader: (props: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default ModalHeader;

package/dist/Components/DataDisplay/Modal/ModalHeaderProps.d.ts

@@ -0,0 +1,7 @@
+interface ModalHeaderProps {
+    title: string;
+    extraClass?: string;
+    canClose?: boolean;
+    canGoBack?: boolean;
+}
+export default ModalHeaderProps;

package/{src/Components/DataDisplay/Modal/ModalProps.tsx → dist/Components/DataDisplay/Modal/ModalProps.d.ts}

@@ -1,8 +1,6 @@
-import { ReactNode } from "react";
-
-interface ModalProps {
-  children?: ReactNode;
-  extraClass?: string;
-}
-
-export default ModalProps;
+import { ReactNode } from "react";
+interface ModalProps {
+    children?: ReactNode;
+    extraClass?: string;
+}
+export default ModalProps;

package/dist/Components/DataDisplay/NotificationsBell/NotificationsBell.d.ts

@@ -0,0 +1,3 @@
+import NotificationsBellProps from "./NotificationsBellProps.tsx";
+declare const NotificationsBell: (props: NotificationsBellProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationsBell;

package/{src/Components/DataDisplay/NotificationsBell/NotificationsBellProps.tsx → dist/Components/DataDisplay/NotificationsBell/NotificationsBellProps.d.ts}

@@ -1,9 +1,7 @@
 import { ReactNode } from "react";
-
 interface NotificationsBellProps {
-  children?: ReactNode;
-  extraClass?: string;
-  active?:boolean;
+    children?: ReactNode;
+    extraClass?: string;
+    active?: boolean;
 }
-
 export default NotificationsBellProps;

package/dist/Components/DataDisplay/NotificationsPanel/Notification.d.ts

@@ -0,0 +1,3 @@
+import NotificationProps from "./NotificationProps.tsx";
+declare const Notification: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
+export default Notification;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationProps.d.ts

@@ -0,0 +1,10 @@
+interface NotificationProps {
+    notificationInitials?: string;
+    extraClass?: string;
+    boldText?: string;
+    regularText?: string;
+    summaryText?: string;
+    notificatonItemOnClick?: () => void;
+    closeOnClick?: () => void;
+}
+export default NotificationProps;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsGroup.d.ts

@@ -0,0 +1,3 @@
+import NotificationsGroupProps from "./NotificationsGroupProps";
+declare const NotificationsGroup: ({ children, title }: NotificationsGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationsGroup;

package/{src/Components/DataDisplay/NotificationsPanel/NotificationsGroupProps.tsx → dist/Components/DataDisplay/NotificationsPanel/NotificationsGroupProps.d.ts}

@@ -1,8 +1,6 @@
-import { ReactNode } from "react";
-
-interface NotificationsGroupProps {
-  children?: ReactNode;
-  title: string;
-}
-
-export default NotificationsGroupProps;
+import { ReactNode } from "react";
+interface NotificationsGroupProps {
+    children?: ReactNode;
+    title: string;
+}
+export default NotificationsGroupProps;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsGroups.d.ts

@@ -0,0 +1,3 @@
+import NotificationsGroupsProps from "./NotificationsGroupsProps";
+declare const NotificationsGroups: (props: NotificationsGroupsProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationsGroups;

package/{src/Components/DataDisplay/NotificationsPanel/NotificationsGroupsProps.tsx → dist/Components/DataDisplay/NotificationsPanel/NotificationsGroupsProps.d.ts}

@@ -1,7 +1,5 @@
-import { ReactNode } from "react";
-
-interface NotificationsGroupsProps {
-  children?: ReactNode;
-}
-
-export default NotificationsGroupsProps;
+import { ReactNode } from "react";
+interface NotificationsGroupsProps {
+    children?: ReactNode;
+}
+export default NotificationsGroupsProps;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsHeader.d.ts

@@ -0,0 +1,3 @@
+import NotificationsHeaderProps from "./NotificationsHeaderProps";
+declare const NotificationsHeader: (props: NotificationsHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationsHeader;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsHeaderProps.d.ts

@@ -0,0 +1,6 @@
+interface NotificationsHeaderProps {
+    extraClass?: string;
+    markAllAsReadOnClick?: () => void;
+    showMarkAllAsRead?: boolean;
+}
+export default NotificationsHeaderProps;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsNone.d.ts

@@ -0,0 +1,2 @@
+declare const NotificationsNone: () => import("react/jsx-runtime").JSX.Element;
+export default NotificationsNone;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsPanel.d.ts

@@ -0,0 +1,3 @@
+import NotificationsPanelProps from "./NotificationsPanelProps";
+declare const NotificationsPanel: ({ children }: NotificationsPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationsPanel;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsPanelProps.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+interface NotificationsPanelProps {
+    children?: ReactNode;
+}
+export default NotificationsPanelProps;

package/dist/Components/DataDisplay/Tab/Tab.d.ts

@@ -0,0 +1,2 @@
+import TabInterface from "./TabProps.tsx";
+export declare const Tab: ({ children, extraClass }: TabInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/DataDisplay/Tab/TabBody.d.ts

@@ -0,0 +1,2 @@
+import TabBodyProps from "./TabBodyProps.tsx";
+export declare const TabBody: ({ children, extraClass }: TabBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/DataDisplay/Tab/TabBodyContent.d.ts

@@ -0,0 +1,2 @@
+import TabBodyContentProps from "./TabBodyContentProps.tsx";
+export declare const TabBodyContent: ({ children, tabIndex, extraClass, }: TabBodyContentProps) => import("react/jsx-runtime").JSX.Element;

package/{src/Components/DataDisplay/Tab/TabBodyContentProps.tsx → dist/Components/DataDisplay/Tab/TabBodyContentProps.d.ts}

@@ -1,9 +1,7 @@
-import { ReactNode } from "react";
-
-interface TabBodyContentProps {
-  children: ReactNode;
-  tabIndex: any;
-  extraClass?: string;
-}
-
-export default TabBodyContentProps;
+import { ReactNode } from "react";
+interface TabBodyContentProps {
+    children: ReactNode;
+    tabIndex: any;
+    extraClass?: string;
+}
+export default TabBodyContentProps;

package/{src/Components/DataDisplay/Tab/TabBodyProps.tsx → dist/Components/DataDisplay/Tab/TabBodyProps.d.ts}

@@ -1,8 +1,6 @@
-import { ReactNode } from "react";
-
-interface TabBodyProps {
-  children: ReactNode;
-  extraClass?: string;
-}
-
-export default TabBodyProps;
+import { ReactNode } from "react";
+interface TabBodyProps {
+    children: ReactNode;
+    extraClass?: string;
+}
+export default TabBodyProps;

package/dist/Components/DataDisplay/Tab/TabContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import TabContextProps from "./TabContextProps.tsx";
+declare const TabContext: import("react").Context<TabContextProps>;
+export default TabContext;

package/{src/Components/DataDisplay/Tab/TabContextProps.tsx → dist/Components/DataDisplay/Tab/TabContextProps.d.ts}

@@ -1,6 +1,5 @@
-interface TabContextProps {
-  currentIndex: any;
-  setCurrentIndex: Function;
-}
-
-export default TabContextProps;
+interface TabContextProps {
+    currentIndex: any;
+    setCurrentIndex: Function;
+}
+export default TabContextProps;

package/dist/Components/DataDisplay/Tab/TabNav.d.ts

@@ -0,0 +1,2 @@
+import TabNavProps from "./TabNavProps.tsx";
+export declare const TabNav: ({ children, extraClass }: TabNavProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/DataDisplay/Tab/TabNavItem.d.ts

@@ -0,0 +1,2 @@
+import TabNavItemProps from "./TabNavItemProps.tsx";
+export declare const TabNavItem: (props: TabNavItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/DataDisplay/Tab/TabNavItemProps.d.ts

@@ -0,0 +1,8 @@
+interface TabNavItemProps {
+    title: string;
+    tabIndex: any;
+    onBeforeOpen?: Function;
+    onAfterOpened?: Function;
+    extraClass?: string;
+}
+export default TabNavItemProps;

package/{src/Components/DataDisplay/Tab/TabNavProps.tsx → dist/Components/DataDisplay/Tab/TabNavProps.d.ts}

@@ -1,8 +1,6 @@
-import { ReactNode } from "react";
-
-interface TabNavProps {
-  children: ReactNode;
-  extraClass?: string;
-}
-
-export default TabNavProps;
+import { ReactNode } from "react";
+interface TabNavProps {
+    children: ReactNode;
+    extraClass?: string;
+}
+export default TabNavProps;

package/{src/Components/DataDisplay/Tab/TabProps.tsx → dist/Components/DataDisplay/Tab/TabProps.d.ts}

@@ -1,8 +1,6 @@
-import { ReactNode } from "react";
-
-interface TabProps {
-  children: ReactNode;
-  extraClass?: string;
-}
-
-export default TabProps;
+import { ReactNode } from "react";
+interface TabProps {
+    children: ReactNode;
+    extraClass?: string;
+}
+export default TabProps;

package/dist/Components/DataDisplay/Table/Table.d.ts

@@ -0,0 +1,3 @@
+import TableProps from "./TableProps";
+declare const Table: (props: TableProps) => import("react/jsx-runtime").JSX.Element;
+export default Table;

package/dist/Components/DataDisplay/Table/TableBody.d.ts

@@ -0,0 +1,3 @@
+import TableBodyProps from "./TableBodyProps";
+declare const TableBody: (props: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default TableBody;

package/{src/Components/DataDisplay/Table/TableBodyProps.tsx → dist/Components/DataDisplay/Table/TableBodyProps.d.ts}

@@ -1,8 +1,6 @@
-import { ReactNode } from "react";
-
-interface TableBodyProps {
-  children: ReactNode;
-  extraClass?: string;
-}
-
-export default TableBodyProps;
+import { ReactNode } from "react";
+interface TableBodyProps {
+    children: ReactNode;
+    extraClass?: string;
+}
+export default TableBodyProps;

package/dist/Components/DataDisplay/Table/TableCell.d.ts

@@ -0,0 +1,3 @@
+import TableCellProps from "./TableCellProps";
+declare const TableCell: (props: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+export default TableCell;

package/dist/Components/DataDisplay/Table/TableCellAction.d.ts

@@ -0,0 +1,3 @@
+import TableCellActionProps from "./TableCellActionProps";
+declare const TableCellActions: (props: TableCellActionProps) => import("react/jsx-runtime").JSX.Element;
+export default TableCellActions;

package/dist/Components/DataDisplay/Table/TableCellActionProps.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+interface TableCellActionProps {
+    children: ReactNode;
+    align?: "left" | "center" | "right";
+    extraClass?: string;
+    rowspan?: number;
+    colspan?: number;
+}
+export default TableCellActionProps;

package/dist/Components/DataDisplay/Table/TableCellProps.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+interface TableCellProps {
+    children?: ReactNode;
+    align?: "left" | "center" | "right";
+    rowspan?: number;
+    colspan?: number;
+    extraClass?: string;
+}
+export default TableCellProps;

package/dist/Components/DataDisplay/Table/TableCellWithDesc.d.ts

@@ -0,0 +1,3 @@
+import TableCellWithDescProps from "./TableCellWithDescProps";
+declare const TableCellWithDesc: (props: TableCellWithDescProps) => import("react/jsx-runtime").JSX.Element;
+export default TableCellWithDesc;

package/dist/Components/DataDisplay/Table/TableCellWithDescProps.d.ts

@@ -0,0 +1,8 @@
+interface TableCellWithDescProps {
+    heading?: string;
+    description?: string;
+    extraClass?: string;
+    rowspan?: number;
+    colspan?: number;
+}
+export default TableCellWithDescProps;

package/dist/Components/DataDisplay/Table/TableCellWithImage.d.ts

@@ -0,0 +1,3 @@
+import TableCellWithImageProps from "./TableCellWithImageProps";
+declare const TableCellWithImage: (props: TableCellWithImageProps) => import("react/jsx-runtime").JSX.Element;
+export default TableCellWithImage;

package/dist/Components/DataDisplay/Table/TableCellWithImageProps.d.ts

@@ -0,0 +1,9 @@
+interface TableCellWithImageProps {
+    image: string;
+    heading: string;
+    description?: string;
+    extraClass?: string;
+    rowspan?: number;
+    colspan?: number;
+}
+export default TableCellWithImageProps;

package/dist/Components/DataDisplay/Table/TableFooter.d.ts

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

package/dist/Components/DataDisplay/Table/TableHead.d.ts

@@ -0,0 +1,3 @@
+import TableHeadProps from "./TableHeadProps";
+declare const TableHead: (props: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
+export default TableHead;

package/{src/Components/DataDisplay/Table/TableHeadProps.tsx → dist/Components/DataDisplay/Table/TableHeadProps.d.ts}

@@ -1,8 +1,6 @@
-import { ReactNode } from "react";
-
-interface TableHeadProps {
-  children: ReactNode;
-  extraClass?: string;
-}
-
-export default TableHeadProps;
+import { ReactNode } from "react";
+interface TableHeadProps {
+    children: ReactNode;
+    extraClass?: string;
+}
+export default TableHeadProps;

package/dist/Components/DataDisplay/Table/TableHeaderCell.d.ts

@@ -0,0 +1,3 @@
+import TableHeaderCellProps from "./TableHeaderCellProps";
+declare const TableHeaderCell: (props: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;
+export default TableHeaderCell;

package/{src/Components/DataDisplay/Table/TableHeaderCellProps.tsx → dist/Components/DataDisplay/Table/TableHeaderCellProps.d.ts}

@@ -1,10 +1,8 @@
-import { ReactNode } from "react";
-
-interface TableHeaderCellProps {
-  children?: ReactNode;
-  extraClass?: string;
-  rowspan?: number;
-  colspan?: number;
-}
-
-export default TableHeaderCellProps;
+import { ReactNode } from "react";
+interface TableHeaderCellProps {
+    children?: ReactNode;
+    extraClass?: string;
+    rowspan?: number;
+    colspan?: number;
+}
+export default TableHeaderCellProps;