Artur
79 lines
1.4 KiB
JavaScript
79 lines
1.4 KiB
JavaScript
/**
|
|
* @file
|
|
* @copyright 2020 Aleksej Komarov
|
|
* @license MIT
|
|
*/
|
|
|
|
import { classes, pureComponentHooks } from 'common/react';
|
|
import { computeBoxClassName, computeBoxProps } from './Box';
|
|
|
|
export const Table = props => {
|
|
const {
|
|
className,
|
|
collapsing,
|
|
children,
|
|
...rest
|
|
} = props;
|
|
return (
|
|
<table
|
|
className={classes([
|
|
'Table',
|
|
collapsing && 'Table--collapsing',
|
|
className,
|
|
computeBoxClassName(rest),
|
|
])}
|
|
{...computeBoxProps(rest)}>
|
|
<tbody>
|
|
{children}
|
|
</tbody>
|
|
</table>
|
|
);
|
|
};
|
|
|
|
Table.defaultHooks = pureComponentHooks;
|
|
|
|
export const TableRow = props => {
|
|
const {
|
|
className,
|
|
header,
|
|
...rest
|
|
} = props;
|
|
return (
|
|
<tr
|
|
className={classes([
|
|
'Table__row',
|
|
header && 'Table__row--header',
|
|
className,
|
|
computeBoxClassName(props),
|
|
])}
|
|
{...computeBoxProps(rest)} />
|
|
);
|
|
};
|
|
|
|
TableRow.defaultHooks = pureComponentHooks;
|
|
|
|
export const TableCell = props => {
|
|
const {
|
|
className,
|
|
collapsing,
|
|
header,
|
|
...rest
|
|
} = props;
|
|
return (
|
|
<td
|
|
className={classes([
|
|
'Table__cell',
|
|
collapsing && 'Table__cell--collapsing',
|
|
header && 'Table__cell--header',
|
|
className,
|
|
computeBoxClassName(props),
|
|
])}
|
|
{...computeBoxProps(rest)} />
|
|
);
|
|
};
|
|
|
|
TableCell.defaultHooks = pureComponentHooks;
|
|
|
|
Table.Row = TableRow;
|
|
Table.Cell = TableCell;
|