"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 Quote;
Quote = (add_effect, config, { background_color, paragraph, author }) => __awaiter(void 0, void 0, void 0, function* () {
    const quote_image = yield tempseal_1.SideEffects.File.fromPath(path_1.resolve(__dirname, "quote.svg"));
    const html = /* HTML */ `
		<section class="quote" style="background-color: ${background_color}">
			<div class="quote__container">
				<div class="quote__container__paragraph">
					<img
						class="quote__container__paragraph--left"
						src="${yield quote_image.getUrlPlaceholder()}"
						alt="left quote"
					/>
					<p>
						${paragraph}
					</p>
					<img
						class="quote__container__paragraph--right"
						src="${yield quote_image.getUrlPlaceholder()}"
						alt="right quote"
					/>
				</div>
				<div class="quote__container--autor">
					<p>${author}</p>
				</div>
			</div>
		</section>
	`;
    yield Promise.all([
        add_effect(quote_image),
        tempseal_1.SideEffects.Scss.addFromPath(add_effect, config, path_1.resolve(__dirname, "quote.scss")),
        add_effect(new tempseal_1.SideEffects.HtmlChunk(html)),
    ]);
});
Quote.identifier = "quote";
exports.default = Quote;
//# sourceMappingURL=quote.js.map