"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = TabularDataTooltipRow;
var _react = _interopRequireDefault(require("react"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function TabularDataTooltipRow({
  row,
  hasSymbol
}) {
  if (row.subTitle) {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
      className: "tabular-data-tooltip-item",
      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("td", {
        className: "tabular-data-subtitle",
        colSpan: 100,
        children: [row.icon, " ", row.subTitle]
      })
    });
  }
  const symbolCell = hasSymbol ? /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
    className: "tabular-data-tooltip-symbol",
    children: row.symbol
  }) : null;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
    className: "tabular-data-tooltip-item",
    "test-id": row.testId,
    children: [symbolCell, /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
      className: "tabular-data-tooltip-key",
      "test-id": "tabular-data-tooltip-key",
      children: row.key
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
      className: "tabular-data-tooltip-value",
      "test-id": "tabular-data-tooltip-value",
      children: row.val
    })]
  });
}