diff --git a/components/common/Table.js b/components/common/Table.js index f0989903..004b5af6 100644 --- a/components/common/Table.js +++ b/components/common/Table.js @@ -1,9 +1,10 @@ import React from 'react'; +import PropTypes from 'prop-types'; import classNames from 'classnames'; import NoData from 'components/common/NoData'; import styles from './Table.module.css'; -export default function Table({ +function Table({ columns, rows, empty, @@ -45,6 +46,34 @@ export default function Table({ ); } +const styledObject = PropTypes.shape({ + className: PropTypes.string, + style: PropTypes.object, +}); + +Table.propTypes = { + columns: PropTypes.arrayOf( + PropTypes.shape({ + cell: styledObject, + className: PropTypes.string, + header: styledObject, + key: PropTypes.string, + label: PropTypes.node, + render: PropTypes.func, + style: PropTypes.object, + }), + ), + rows: PropTypes.arrayOf(PropTypes.object), + empty: PropTypes.node, + className: PropTypes.string, + bodyClassName: PropTypes.string, + rowKey: PropTypes.func, + showHeader: PropTypes.bool, + children: PropTypes.node, +}; + +export default Table; + export const TableRow = ({ columns, row }) => (