@kiwicom/orbit-components/src/Table/TableCell/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 type { Props } from "./";

export const StyledTableCell = styled(({ children, className }) => (
  <td className={className}>{children}</td>
))`
  box-sizing: border-box;
  font-size: ${({ theme }) => theme.orbit.fontSizeTextNormal};
  color: ${({ theme }) => theme.orbit.paletteInkLight};
  // TODO: create token
  // colorTable
  text-align: center;
`;

StyledTableCell.defaultProps = {
  theme: defaultTokens,
};

const TableCell = (props: Props) => <StyledTableCell>{props.children}</StyledTableCell>;

export default TableCell;