"use strict";
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
Object.defineProperty(exports, "__esModule", { value: true });
const path_1 = require("path");
const tempseal_1 = require("@sealcode/tempseal");
const row = ({ number, title, description, }) => `<div class=" row our-philosophy">
	<div class="cell our-philosophy__number">
		${number}
	</div>
	<div class="cell our-philosophy__title">
		<span>${title}</span>
	</div>
	<div class="cell our-philosophy__description">
		<span>${description}</span>
	</div>
</div>`;
let Characteristic;
Characteristic = (add_effect, config, { title, text, features }) => __awaiter(void 0, void 0, void 0, function* () {
    const html = /* HTML */ `
		<div class="characteristic-component">
			<div class="characteristic">
				<div class="characteristic__center-wrapper">
					<div class="characteristic__philosophy-and-operate">
						<div class="characteristic__philosophy">
							<h2>${title}</h2>
						</div>
						<div class="characteristic__operate">
							<p>${text}</p>
						</div>
					</div>
					<div class="our-philosophy__table">
						${features
        .map((feature) => /* HTML */ `
									<div class=" row our-philosophy">
										<div
											class="cell our-philosophy__number"
										>
											${feature.number}
										</div>
										<div class="cell our-philosophy__title">
											<span>${feature.title}</span>
										</div>
										<div
											class="cell our-philosophy__description"
										>
											<span>${feature.description}</span>
										</div>
									</div>
								`)
        .join("")}
					</div>
				</div>
			</div>
		</div>
	`;
    yield Promise.all([
        tempseal_1.SideEffects.Scss.addFromPath(add_effect, config, path_1.resolve(__dirname, "characteristic.scss")),
        add_effect(new tempseal_1.SideEffects.HtmlChunk(html)),
    ]);
});
Characteristic.identifier = "characteristic";
exports.default = Characteristic;
//# sourceMappingURL=characteristic.js.map