import { observer } from 'mobx-react-lite';
import React, { forwardRef } from 'react';
import { classes, st } from './NestedTablePlaceholderStatesRow.st.css.js';
import { Box, Table } from '@wix/design-system';
import { NestedTableRowPlaceholderStates } from './NestedTableRowPlaceholderStates';
const _NestedTablePlaceholderStatesRow = forwardRef((props, ref) => {
    const { children, item, className, rowData, ...rest } = props;
    const { st: dataTableRowSt, classes: dataTableRowClasses } = Table.dataTableRowStyle;
    return (React.createElement("tr", { ref: ref, className: st(classes.root, {}, dataTableRowSt(dataTableRowClasses.root, {
            skin: 'light',
        }, className)), ...rest },
        React.createElement("td", null,
            React.createElement(Box, { verticalAlign: "middle", align: "center", width: "100%" },
                React.createElement(NestedTableRowPlaceholderStates, { state: item.state })))));
});
export const NestedTablePlaceholderStatesRow = observer(_NestedTablePlaceholderStatesRow);
//# sourceMappingURL=NestedTablePlaceholderStatesRow.js.map