/// <reference types="react" />
import { ComponentData } from '@layoutbase/core';
export declare const getColumnChildren: (children: ComponentData[]) => any[];
export declare const getRowChildren: (children: ComponentData[]) => unknown[][];
export declare const Th: import("@emotion/styled").StyledComponent<import("@chakra-ui/react").OmitCommonProps<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@chakra-ui/react").ChakraProps> & import("@chakra-ui/react").ChakraProps & import("@chakra-ui/react").OmitCommonProps<any, keyof import("@chakra-ui/react").ChakraProps> & {
    as?: import("@chakra-ui/react").As<any> | undefined;
} & {
    theme?: import("@emotion/react").Theme | undefined;
}, {}, {}>;
export declare const Td: import("@emotion/styled").StyledComponent<import("@chakra-ui/react").OmitCommonProps<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@chakra-ui/react").ChakraProps> & import("@chakra-ui/react").ChakraProps & import("@chakra-ui/react").OmitCommonProps<any, keyof import("@chakra-ui/react").ChakraProps> & {
    as?: import("@chakra-ui/react").As<any> | undefined;
} & {
    theme?: import("@emotion/react").Theme | undefined;
}, {}, {}>;
export declare const Tr: import("@emotion/styled").StyledComponent<import("@chakra-ui/react").OmitCommonProps<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@chakra-ui/react").FlexProps> & import("@chakra-ui/react").FlexProps & import("@chakra-ui/react").OmitCommonProps<any, keyof import("@chakra-ui/react").FlexProps> & {
    as?: import("@chakra-ui/react").As<any> | undefined;
} & {
    theme?: import("@emotion/react").Theme | undefined;
}, {}, {}>;
export declare type TablesProps = {
    rows?: number;
    columns?: number;
    headerBGColor?: string;
    rowBGColor?: string;
    columnSpacing?: string;
    rowSpacing?: string;
};
export declare type HeaderProps = {
    headingHtml?: string;
    headingText?: string;
    fontFamily?: string;
};
export declare const DEFAULT_HEADER_BG_COLOR_STRING: string;
export declare const DEFAULT_ROW_BG_COLOR_STRING: string;
export declare const getTablesDefaultProps: <T extends TablesProps>({ rows, columns, headerBGColor, rowBGColor, columnSpacing, rowSpacing, ...restProps }: T) => {
    rows: number;
    columns: number;
    headerBGColor: string;
    rowBGColor: string;
    columnSpacing: string;
    rowSpacing: string;
} & Omit<T, "columns" | "rows" | "headerBGColor" | "rowBGColor" | "columnSpacing" | "rowSpacing">;
export declare const getHeaderDefaultProps: <T extends HeaderProps>({ headingHtml, headingText, fontFamily, ...restProps }: T) => {
    headingHtml: string;
    headingText: string;
    fontFamily: string;
} & Omit<T, "fontFamily" | "headingHtml" | "headingText">;
