import * as React from 'react'; import type { ITableLayoutProps } from './Table'; import type { ITableCellLayoutProps } from './TableCell'; import type { ITableRowLayoutProps } from './TableRow'; import './minimalNativeTableLayout.less'; const GUTTER_SIZE_PX = 16; const INDENT_SIZE_PX = 20; const TableLayout = ({ columns, children }: ITableLayoutProps) => { return ( {columns.map(({ name }) => ( ))} {children}
{name}
); }; const TableRowLayout = ({ children }: ITableRowLayoutProps) => { return {children}; }; const TableCellLayout = ({ children, indent }: ITableCellLayoutProps) => { return ( {children} ); }; export const minimalNativeTableLayout = { TableLayout, TableRowLayout, TableCellLayout, };