"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PHXPreviewNoti = void 0;
const tslib_1 = require("tslib");
const Box_1 = require("../Box");
const Button_1 = require("../Button");
const FormTarget_1 = require("../FormTarget");
const TextV2_1 = require("../TextV2");
const mobile_preview_1 = require("./mobile-preview/mobile-preview");
const react_1 = tslib_1.__importDefault(require("react"));
const PHXPreviewNoti = ({ onSendTest, previewMobiles, title }) => (react_1.default.createElement("div", { className: 'flex flex-col gap-4' },
    react_1.default.createElement("div", { className: 'flex flex-col items-start justify-between gap-2 rounded-xl bg-gray-100 p-3 sm:flex-row sm:items-center sm:gap-0' },
        react_1.default.createElement(TextV2_1.PHXTextV2, { size: 'caption', weight: 'semibold' }, title),
        onSendTest && (react_1.default.createElement(Button_1.PHXButton, { onClick: onSendTest, secondary: true, size: 'micro' }, "G\u1EEDi th\u1EED nghi\u1EC7m"))), previewMobiles === null || previewMobiles === void 0 ? void 0 :
    previewMobiles.map((mobile, index) => (react_1.default.createElement("div", { key: index, className: 'flex flex-col ' },
        react_1.default.createElement(mobile_preview_1.MobilePreview, { ...mobile }),
        index < previewMobiles.length - 1 && (react_1.default.createElement(Box_1.PHXBox, { mt: 'snappy' },
            react_1.default.createElement(FormTarget_1.PHXDivider, null))))))));
exports.PHXPreviewNoti = PHXPreviewNoti;
//# sourceMappingURL=preview-noti.js.map