PilotsListHeader.jsx

import React from "react";
import { Table } from "semantic-ui-react";

const PilotsListHeader = () => (
    <Table.Header>
        <Table.Row>
            <Table.HeaderCell width={5}>
                Name
            </Table.HeaderCell>
            <Table.HeaderCell width={3}>
                Rank
            </Table.HeaderCell>
            <Table.HeaderCell width={2}>
                Age
            </Table.HeaderCell>
            <Table.HeaderCell width={2}>
                Skills
            </Table.HeaderCell>
            <Table.HeaderCell width={3}>
                Mech
            </Table.HeaderCell>
            <Table.HeaderCell width={1} />

        </Table.Row>
    </Table.Header>
);

export default PilotsListHeader;