import React, {Component} from 'react';
import {observer} from "mobx-react";
import shallowequal from 'shallowequal';
import {ITableHeaderPropTypes} from "./PropsType";

@observer
export default class TableHeader extends Component<ITableHeaderPropTypes, any> {

    shouldComponentUpdate(nextProps) {
        return !shallowequal(nextProps, this.props);
    }

    render() {
        const {prefixCls, rowStyle, rows} = this.props;
        return (
            <thead className={`${prefixCls}-thead`}>
            {
                rows.map((row, index) => (
                    <tr key={index} style={rowStyle}>
                        {row.map((cellProps, i) => <th {...cellProps} key={i}/>)}
                    </tr>
                ))
            }
            </thead>
        );
    }
}