"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");
let Banner;
Banner = (add_effect, config, { text_primary = "", text_secondary = "", image_config }) => __awaiter(void 0, void 0, void 0, function* () {
    console.log(image_config);
    const responsive_image = yield tempseal_1.SideEffects.ResponsiveImage(add_effect, image_config);
    yield Promise.all([
        tempseal_1.SideEffects.Scss.addFromPath(add_effect, config, path_1.resolve(__dirname, "banner.scss")),
        add_effect(new tempseal_1.SideEffects.HtmlChunk(/* HTML */ `
				<section class="banner">
					<div class="banner__wrapper">
						<h1 class="banner__title">
							<div class="banner__text-wrapper">
								<span class="banner__text banner__text--cyan"
									>${text_primary}</span
								>
							</div>
							<div class="banner__text-wrapper">
								<span class="banner__text"
									>${text_secondary}</span
								>
							</div>
						</h1>
						<div class="banner__preview-wrapper">
							${responsive_image}
						</div>
					</div>
				</section>
			`)),
    ]);
});
Banner.identifier = "banner";
exports.default = Banner;
//# sourceMappingURL=banner.js.map