"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.LoadingRowTD = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _designSystem = require("@wix/design-system");
var _react = _interopRequireDefault(require("react"));
var _LoadingRowStCss = require("./LoadingRow.st.css.js");
var _AILoadingLottiePoster = require("./AILoadingLottiePoster");
var _mobxReactLite = require("mobx-react-lite");
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/LoadingRow/LoadingRowTD.tsx";
function _LoadingRowTD({
  state,
  replacedCell
}) {
  return /*#__PURE__*/_react.default.createElement("td", (0, _extends2.default)({}, replacedCell.props, {
    style: {
      position: 'initial'
    },
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 18,
      columnNumber: 5
    }
  }), replacedCell.props.children, /*#__PURE__*/_react.default.createElement("div", {
    style: {
      width: '100%',
      left: 0,
      top: 0,
      right: 0,
      zIndex: 2,
      position: 'absolute',
      height: '100%'
    },
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 20,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
    align: "center",
    verticalAlign: "middle",
    width: "100%",
    height: "calc(100% - 1px)",
    borderBottom: "1px solid #DFE5EB",
    dataHook: "table-loading-row",
    className: (0, _LoadingRowStCss.st)(_LoadingRowStCss.classes.root),
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 31,
      columnNumber: 9
    }
  }, state.LottieRenderer && state.animationData ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
    dataHook: "loading-row-lottie",
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 41,
      columnNumber: 13
    }
  }, /*#__PURE__*/_react.default.createElement(state.LottieRenderer, {
    style: {
      width: '20px',
      height: '20px'
    },
    animationData: state.animationData,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 42,
      columnNumber: 15
    }
  })) : /*#__PURE__*/_react.default.createElement(_AILoadingLottiePoster.AILoadingLottiePoster, {
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 48,
      columnNumber: 13
    }
  }))));
}
const LoadingRowTD = exports.LoadingRowTD = (0, _mobxReactLite.observer)(_LoadingRowTD);
//# sourceMappingURL=LoadingRowTD.js.map