"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.UIFlexibleTableRowNoData = UIFlexibleTableRowNoData;
const react_1 = __importDefault(require("react"));
const types_1 = require("./types");
const utils_1 = require("./utils");
/**
 * Visualize a table row without data.
 *
 * @param props {UIFlexibleTableRowNoDataProps}
 * @returns {React.Component}
 */
function UIFlexibleTableRowNoData(props) {
    const { align = types_1.UIFlexibleTableNoDataAlignment.Center, noRowBackground, reverseBackground } = props;
    const rowClassName = (0, utils_1.composeClassNames)('flexible-table-content-table-row-no-data', [
        noRowBackground ? 'no-background' : '',
        reverseBackground && !noRowBackground ? 'reverse-background' : '',
        'odd'
    ]);
    return (react_1.default.createElement("li", { className: rowClassName, style: {
            textAlign: align,
            cursor: 'default'
        } }, props.children));
}
//# sourceMappingURL=UIFlexibleTableRowNoData.js.map