@ntragas/pouncejstest
Version:
A collection of UI components from Panther labs
45 lines (33 loc) • 1.51 kB
JavaScript
"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;