34 lines
754 B
JavaScript
34 lines
754 B
JavaScript
|
/** @format */
|
||
|
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import PropTypes from 'prop-types';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* `EmptyTable` displays a blank space with an optional message passed as a children node
|
||
|
|
* with the purpose of replacing a table with no rows.
|
||
|
|
* It mimics the same height a table would have according to the `numberOfRows` prop.
|
||
|
|
*
|
||
|
|
* @return { object } -
|
||
|
|
*/
|
||
|
|
const EmptyTable = ( { children, numberOfRows } ) => {
|
||
|
|
return (
|
||
|
|
<div className="woocommerce-table is-empty" style={ { '--number-of-rows': numberOfRows } }>
|
||
|
|
{ children }
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
EmptyTable.propTypes = {
|
||
|
|
/**
|
||
|
|
* An integer with the number of rows the box should occupy.
|
||
|
|
*/
|
||
|
|
numberOfRows: PropTypes.number,
|
||
|
|
};
|
||
|
|
|
||
|
|
EmptyTable.defaultProps = {
|
||
|
|
numberOfRows: 5,
|
||
|
|
};
|
||
|
|
|
||
|
|
export default EmptyTable;
|