"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 button_1 = require("../../elements/button/button");
let ProductTile;
ProductTile = (add_effect, config, { modifier, image_path, image_alt, title, content, button_params, href }) => __awaiter(void 0, void 0, void 0, function* () {
    const html = /* HTML */ `
		<article class="product-tile product-tile--${modifier}">
			<${href ? `a href="${href}"` : "div"} class="product-tile__image">
		${yield tempseal_1.SideEffects.ResponsiveImage(add_effect, {
        image_path: image_path,
        resolutions: [242, 448],
        sizes_attr: "242px",
        alt: image_alt,
    })}
			</${href ? "a" : "div"}>
			<h3 class="product-tile__header">
				${href ? `<a class="product-tile__header" href="${href}">${title}</a>` : title}
			</h3>
			<p>${content}</p>
	${button_params
        ? yield tempseal_1.embedComponent(add_effect, config, button_params, button_1.default)
        : ""}
		</article>
	`;
    yield Promise.all([
        tempseal_1.SideEffects.Scss.addFromPath(add_effect, config, path_1.resolve(__dirname, "product-tile.scss")),
        add_effect(new tempseal_1.SideEffects.HtmlChunk(html)),
    ]);
});
ProductTile.identifier = "product-tile";
exports.default = ProductTile;
//# sourceMappingURL=product-tile.js.map