import React from 'react';
import { Typography } from 'antd';
import { MINUTE_LIST } from './const';

import './global.less';

const Header: React.FC = () => {
    return (
        <div className="table_header_wrapper" draggable={false}>
            <div className="left">
                <Typography.Text>小时 \ 分钟</Typography.Text>
            </div>
            <div className="right">
                <div className="top">
                    <div className="before">00:00 - 00:30</div>
                    <div className="after">00:30 - 00:60</div>
                </div>
                <div className="foot">
                    {MINUTE_LIST.map((item, index) => (
                        <Typography key={index}>{item}</Typography>
                    ))}
                </div>
            </div>
        </div>
    );
}
export default React.memo(Header)