UNPKG

@ntragas/pouncejstest

Version:

A collection of UI components from Panther labs

45 lines (33 loc) 1.51 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); exports.__esModule = true; exports.default = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose")); var _react = _interopRequireDefault(require("react")); var _Box = _interopRequireDefault(require("../Box")); var _Table = require("./Table"); var TableCell = /*#__PURE__*/_react.default.forwardRef(function TableCell(_ref, ref) { var _ref$wrapText = _ref.wrapText, wrapText = _ref$wrapText === void 0 ? 'auto' : _ref$wrapText, _ref$align = _ref.align, align = _ref$align === void 0 ? 'left' : _ref$align, mono = _ref.mono, rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["wrapText", "align", "mono"]); var _useTable = (0, _Table.useTable)(), size = _useTable.size; return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({ as: "td", role: "cell", ref: ref, p: size === 'medium' ? 4 : 2, fontSize: "medium", textAlign: align, overflowWrap: wrapText === 'wrap' ? 'break-word' : undefined, whiteSpace: wrapText === 'nowrap' ? 'nowrap' : undefined, verticalAlign: "middle", fontFamily: mono ? 'mono' : undefined }, rest)); }); var _default = /*#__PURE__*/_react.default.memo(TableCell); exports.default = _default;