@kiwicom/orbit-components/src/Table/TableHead/index.js

<div align="center"> <a href="https://orbit.kiwi" target="_blank"> <img alt="orbit-components" src="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components.png" srcset="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components@2x.png 2x"

// @flow
import * as React from "react";
import styled from "styled-components";

import defaultTokens from "../../defaultTokens";
import { StyledTableCell } from "../TableCell/index";

import type { Props } from "./";

const StyledTableHead = styled(({ children, className }) => (
  <thead className={className}>{children}</thead>
))`
  border-bottom: 1px solid ${({ theme }) => theme.orbit.paletteInkLighter};
  // TODO: create token
  // borderColorTableHead
  width: 100%;
  white-space: nowrap;
  ${StyledTableCell} {
    font-weight: ${({ theme }) => theme.orbit.fontWeightBold};
    // TODO: create token
    // fontWeightTableHead
  }
`;

StyledTableHead.defaultProps = {
  theme: defaultTokens,
};
const TableHead = (props: Props) => <StyledTableHead>{props.children}</StyledTableHead>;

export default TableHead;