import { Box } from '@wix/design-system';
import React from 'react';
import { st, classes } from './LoadingRow.st.css.js';
import { AILoadingLottiePoster } from './AILoadingLottiePoster';
import { observer } from 'mobx-react-lite';
function _LoadingRowTD({ state, replacedCell }) {
    return (React.createElement("td", { ...replacedCell.props, style: { position: 'initial' } },
        replacedCell.props.children,
        React.createElement("div", { style: {
                width: '100%',
                left: 0,
                top: 0,
                right: 0,
                zIndex: 2,
                position: 'absolute',
                height: '100%',
            } },
            React.createElement(Box, { align: "center", verticalAlign: "middle", width: "100%", height: "calc(100% - 1px)", borderBottom: "1px solid #DFE5EB", dataHook: "table-loading-row", className: st(classes.root) }, state.LottieRenderer && state.animationData ? (React.createElement(Box, { dataHook: "loading-row-lottie" },
                React.createElement(state.LottieRenderer, { style: { width: '20px', height: '20px' }, animationData: state.animationData }))) : (React.createElement(AILoadingLottiePoster, null))))));
}
export const LoadingRowTD = observer(_LoadingRowTD);
//# sourceMappingURL=LoadingRowTD.js.map