import React from 'react';
import THead from './Partials/THead';
import TBody from './Partials/TBody';

class Table extends React.Component {
    static defaultProps = {
        type: 'hover',
        vertical:false
    }
    render() {
        const { id, data, type, onSelectedRow, rowsSelected, keyRow, vertical} = this.props;
        const dataColumns = data.columns;
        const dataRows = data.rows;        
        return (
            <table className={'table table-' + type} id={id}>
                <THead columns={dataColumns} vertical={vertical}/>
                <TBody
                    rows={dataRows}
                    columns={dataColumns}
                    onSelectedRow={onSelectedRow}
                    tableId={id}
                    rowsSelected={rowsSelected}
                    keyRow={keyRow}
                    vertical={vertical}
                />
            </table>
        )
    }
};
export default Table;