@kiwicom/orbit-components/lib/Table/TableCell/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _consts = require("./consts");
var _consts2 = require("../consts");
const verticalAlignStyles = {
  baseline: "align-baseline",
  middle: "align-middle",
  top: "align-top",
  bottom: "align-bottom"
};
const whitespaceStyles = {
  normal: "whitespace-normal",
  nowrap: "whitespace-nowrap",
  pre: "whitespace-pre",
  "pre-line": "whitespace-pre-line",
  "pre-wrap": "whitespace-pre-wrap"
};
const TableCell = ({
  align = _consts.ALIGN_OPTIONS.LEFT,
  scope,
  as: Component = _consts2.TYPE_AS.TD,
  verticalAlign,
  whiteSpace,
  dataTest,
  children
}) => {
  return /*#__PURE__*/React.createElement(Component, {
    className: (0, _clsx.default)("font-base text-normal text-ink-dark box-border", verticalAlign != null && verticalAlignStyles[verticalAlign], whiteSpace != null && whitespaceStyles[whiteSpace], (align === _consts.ALIGN_OPTIONS.START || align === _consts.ALIGN_OPTIONS.LEFT) && "text-start", align === _consts.ALIGN_OPTIONS.CENTER && "text-center", (align === _consts.ALIGN_OPTIONS.END || align === _consts.ALIGN_OPTIONS.RIGHT) && "text-end"),
    "data-test": dataTest,
    scope: scope
  }, children);
};
var _default = TableCell;
exports.default = _default;