"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PreviewUser = void 0;
const tslib_1 = require("tslib");
const Text_1 = require("../../../Text/Text");
const table_custom_user_1 = require("./table-custom-user");
const react_1 = tslib_1.__importDefault(require("react"));
const PreviewUser = ({ invalidList, target, validList }) => (react_1.default.createElement("div", { className: 'flex flex-col gap-6' },
    invalidList.length > 0 && (react_1.default.createElement("div", { className: 'flex flex-col gap-2' },
        react_1.default.createElement(Text_1.PHXText, { className: 'font-bold' },
            "Danh s\u00E1ch kh\u00F4ng h\u1EE3p l\u1EC7 (",
            invalidList.length,
            ")"),
        react_1.default.createElement(table_custom_user_1.TableCustomUser, { invalidData: invalidList, isInvalid: true, target: target }))),
    validList.length > 0 && (react_1.default.createElement("div", { className: 'flex flex-col gap-2' },
        react_1.default.createElement(Text_1.PHXText, { className: 'font-bold' },
            "Danh s\u00E1ch h\u1EE3p l\u1EC7 (",
            validList.length,
            ")"),
        react_1.default.createElement(table_custom_user_1.TableCustomUser, { data: validList, target: target })))));
exports.PreviewUser = PreviewUser;
//# sourceMappingURL=preview-user.js.map