import { IHtmlDivProps, IHtmlTableTextProps, IHtmlTextProps } from "../types";
/**
* The main table component.
*
* This component wraps the HtmlDiv component to provide a table element.
*
* @param {IHtmlDivProps} props - The properties for the main table component.
* - **style**: Optional additional styles to apply to the component.
* - **...props**: Any additional props that should be passed to the underlying HtmlDiv.
*
* @returns {ReactElement} A JSX element representing the main table, styled as a table.
*
*
* @example
*
*
*
* Column 1
* Column 2
*
*
*
*
* Row 1, Cell 1
* Row 1, Cell 2
*
*
*
*/
interface ITable extends React.FC {
/**
* The table head component.
*
* This component wraps the HtmlDiv component to provide a thead element.
*
* @param {IHtmlDivProps} props - The properties for the table head component.
* - **style**: Optional additional styles to apply to the component.
* - **...props**: Any additional props that should be passed to the underlying HtmlDiv.
*
* @returns {ReactElement} A JSX element representing the table head, styled as a thead.
*
*
* @example
*
*
*
* Column 1
* Column 2
*
*
*
*/
THead: React.FC;
/**
* The table body component.
*
* This component wraps the HtmlDiv component to provide a tbody element.
*
* @param {IHtmlDivProps} props - The properties for the table body component.
* - **style**: Optional additional styles to apply to the component.
* - **...props**: Any additional props that should be passed to the underlying HtmlDiv.
*
* @returns {ReactElement} A JSX element representing the table body, styled as a tbody.
*
*
* @example
*
*
*
* Column 1
* Column 2
*
*
*
*
* Row 1, Cell 1
* Row 1, Cell 2
*
*
*
*/
TBody: React.FC;
/**
* The table footer component.
*
* This component wraps the HtmlDiv component to provide a tfoot element.
*
* @param {IHtmlDivProps} props - The properties for the table footer component.
* - **style**: Optional additional styles to apply to the component.
* - **...props**: Any additional props that should be passed to the underlying HtmlDiv.
*
* @returns {ReactElement} A JSX element representing the table footer, styled as a tfoot.
*
*
* @example
*
*
*
* Column 1
* Column 2
*
*
*
*
* Row 1, Cell 1
* Row 1, Cell 2
*
*
*
*
* Footer 1
* Footer 2
*
*
*
*/
TFoot: React.FC;
/**
* A wrapper component for the HTML `` element.
*
* This component accepts the standard HTML props for the ` | ` element, as well
* as any additional props supported by the underlying React Native component.
*
* @example
*
*
*
* Column 1
* Column 2
*
*
*
*/
TH: React.FC;
/**
* Represents a table row.
*
* @param {IHtmlDivProps} props - The properties for the table row.
* - **style**: Optional additional styles to apply to the component.
* - **...props**: Any additional props that should be passed to the underlying HtmlDiv.
*
* @returns {ReactElement} A JSX element representing the table row, styled as a table row.
*/
TR: React.FC;
/**
* Represents a table cell.
*
* @example
*
* Row 1, Cell 1
* Row 1, Cell 2
*
* @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td}
*/
TD: React.FC;
/**
* Represents a table caption.
*
* This component wraps the HtmlText component to provide a table caption element.
*
* @example
*
* @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption}
*/
Caption: React.FC;
}
declare const Table: ITable;
export { Table };
|