/**
 * @docunator
 * @title TableProps
 * @description Props for the Table component.
 * @category Structure Components Props
 */
type TableProps = {
    children: any;
    style?: any;
    border?: boolean;
    borderType?: 'solid' | 'dotted' | 'dashed';
    borderColor?: string;
};
/**
 * @docunator
 * @title Table
 * @description A simple table component that will help you to create a grid layout
 * @category Structure Components
 * @author Danilo Ramírez Mattey
 * @version 1.0.0
 * @param {StyleSheet} style The additional styles to be added to the table. Default is null
 * @param {Element} children The child component of the table. This is required
 * @param {boolean} border The border of the table. Default is false
 * @param {string} borderType The border type of the table. Default is solid. Options are: solid, dotted, dashed
 * @param {string} borderColor The border color of the table. Default is the text color of the current theme
 * @example {tsx}

 import { Column, Row, Table, ZenText } from 'react-zen-ui';

 export default function TablesExample(){
   return (
   <>
       <ZenText type={'h4'} paragraph={true} align={'left'}>
       Tables
       </ZenText>

       <ZenText type={'p'} paragraph={true} align={'justify'}>
       Simple table components to create grid layouts. It consists of a Table component
       that wraps Row components, which in turn wrap Column components. You can enable borders
       and customize their appearance.
       </ZenText>

       <ZenText type={'p'} paragraph={true} align={'left'}>
       Bordered table:
       </ZenText>

       <Table>
         <Row>
           <Column border={true}>
            <ZenText type={'p'} paragraph={false} align={'center'}>1,1</ZenText>
           </Column>

           <Column border={true}>
            <ZenText type={'p'} paragraph={false} align={'center'}>1,2</ZenText>
           </Column>

           <Column border={true}>
            <ZenText type={'p'} paragraph={false} align={'center'}>1,3</ZenText>
           </Column>
         </Row>
         <Row>
           <Column border={true}>
            <ZenText type={'p'} paragraph={false} align={'center'}>2,1</ZenText>
           </Column>

           <Column border={true}>
            <ZenText type={'p'} paragraph={false} align={'center'}>2,2</ZenText>
           </Column>

           <Column border={true}>
            <ZenText type={'p'} paragraph={false} align={'center'}>2,3</ZenText>
           </Column>
         </Row>
         <Row>
           <Column border={true}>
            <ZenText type={'p'} paragraph={false} align={'center'}>3,1</ZenText>
           </Column>

           <Column border={true}>
            <ZenText type={'p'} paragraph={false} align={'center'}>3,2</ZenText>
           </Column>

           <Column border={true}>
            <ZenText type={'p'} paragraph={false} align={'center'}>3,3</ZenText>
           </Column>

         </Row>
       </Table>


   </>
   );
 }


 {/tsx}
 * @see Row
 * @see Column
 */
export declare function Table({ children, style, border, borderType, borderColor, }: TableProps): import("react/jsx-runtime").JSX.Element;
/**
 * @docunator
 * @title Row
 * @description A simple row component that will help you to create a grid layout
 * @category Structure Components
 * @param {any} props The props of the row component
 * @param {Element} children The child component of the row. This is required
 * @param {StyleSheet} style The additional styles to be added to the row. Default is null
 * @see Table
 * @see Column
 *
 */
export declare function Row(props: any): import("react/jsx-runtime").JSX.Element;
/**
 * @docunator
 * @title ColumnProps
 * @description Props for the Column component.
 * @category Structure Components Props
 * @param {Element} children The child component of the column. This is required
 * @param {StyleSheet} style The additional styles to be added to the column. Default is null
 * @param {boolean} border The border of the column. Default is false
 * @param {string} borderType The border type of the column. Default is solid. Options are: solid, dotted, dashed
 * @param {string} borderColor The border color of the column. Default is the text color of the current theme
 * @param {number} span The number of columns to span. Default is 1
 */
type ColumnProps = {
    children: any;
    style?: any;
    border?: boolean;
    borderType?: 'solid' | 'dotted' | 'dashed';
    borderColor?: string;
    span?: number;
};
/**
 * @docunator
 * @title Column
 * @description A simple column component that will help you to create a grid layout
 * @param {any} props The props of the column component
 * @param {Element} children The child component of the column. This is required
 * @param {StyleSheet} style The additional styles to be added to the column. Default is null
 * @param {boolean} border The border of the column. Default is false
 * @param {string} borderType The border type of the column. Default is solid. Options are: solid, dotted, dashed
 * @param {string} borderColor The border color of the column. Default is the text color of the current theme
 * @param {number} span The number of columns to span. Default is 1
 * @category Structure Components
 * @see Table
 * @see Row
 *
 */
export declare function Column({ children, style, border, borderType, borderColor, span }: ColumnProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=Table.d.ts.map