import { PHXText } from '../../../Text/Text';
import { TableCustomUser } from './table-custom-user';
import React from 'react';
export const PreviewUser = ({ invalidList, target, validList }) => (React.createElement("div", { className: 'flex flex-col gap-6' },
    invalidList.length > 0 && (React.createElement("div", { className: 'flex flex-col gap-2' },
        React.createElement(PHXText, { className: 'font-bold' },
            "Danh s\u00E1ch kh\u00F4ng h\u1EE3p l\u1EC7 (",
            invalidList.length,
            ")"),
        React.createElement(TableCustomUser, { invalidData: invalidList, isInvalid: true, target: target }))),
    validList.length > 0 && (React.createElement("div", { className: 'flex flex-col gap-2' },
        React.createElement(PHXText, { className: 'font-bold' },
            "Danh s\u00E1ch h\u1EE3p l\u1EC7 (",
            validList.length,
            ")"),
        React.createElement(TableCustomUser, { data: validList, target: target })))));
//# sourceMappingURL=preview-user.js.map