import React from 'react';
import { M_Table } from './table.model';
export declare type Styles = {
    width?: number | string;
    height?: number | string;
    marginLeft?: number;
    marginRight?: number;
    marginTop?: number;
    marginBottom?: number;
    margin?: string;
    paddingLeft?: number;
    paddingRight?: number;
    paddingTop?: number;
    paddingBottom?: number;
    padding?: string;
};
export declare const TableWrapper: import("styled-components").StyledComponent<"div", any, Styles, never>;
export declare const Order: React.FC<{
    property: string;
    config: M_Table.config.order;
}>;
declare type ITh = {
    children: JSX.Element | string;
    column: M_Table.header;
    index: number;
    isLast: boolean;
};
export declare const Th: React.FC<ITh>;
interface IHead {
    children: (payload: {
        value: M_Table.header;
    }) => JSX.Element | string;
}
export declare function Head(props: IHead): JSX.Element;
export declare const Body: React.FC<{
    children: JSX.Element | JSX.Element[];
}>;
declare type ITd = {
    column: M_Table.header;
    value: string;
    children: JSX.Element;
};
export declare const Td: React.FC<ITd>;
interface IRow<T> {
    className?: string;
    children: (payload: {
        rowData: T;
        property: string;
        value: string | number;
    }) => JSX.Element | string | number;
    index: number;
    style?: React.CSSProperties;
    onClick?: () => void;
}
export declare function Row<T>(props: IRow<T>): JSX.Element;
export {};