33 lines
783 B
JavaScript
33 lines
783 B
JavaScript
/** @format */
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
import PropTypes from 'prop-types';
|
|
|
|
/**
|
|
* A component to display summarized table data - the list of data passed in on a single line.
|
|
*
|
|
* @return { object } -
|
|
*/
|
|
const TableSummary = ( { data } ) => {
|
|
return (
|
|
<ul className="woocommerce-table__summary">
|
|
{ data.map( ( { label, value }, i ) => (
|
|
<li className="woocommerce-table__summary-item" key={ i }>
|
|
<span className="woocommerce-table__summary-value">{ value }</span>
|
|
<span className="woocommerce-table__summary-label">{ label }</span>
|
|
</li>
|
|
) ) }
|
|
</ul>
|
|
);
|
|
};
|
|
|
|
TableSummary.propTypes = {
|
|
/**
|
|
* An array of objects with `label` & `value` properties, which display on a single line.
|
|
*/
|
|
data: PropTypes.array,
|
|
};
|
|
|
|
export default TableSummary;
|