import { NgOptimizedImage } from '@angular/common';
import * as i0 from '@angular/core';
import { Component, Input } from '@angular/core';

class HeroSectionWithParagraphComponent {
    constructor() {
        this.imgSrc = '';
        this.imgAlt = '';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeroSectionWithParagraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HeroSectionWithParagraphComponent, isStandalone: true, selector: "lib-hero-section-with-paragraph", inputs: { imgSrc: "imgSrc", imgAlt: "imgAlt" }, ngImport: i0, template: "<div class=\"row hero-section g-0\">\r\n  <div class=\"col-12 col-md-6 hero-section-left\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div class=\"col-12 col-md-6 hero-section-right\">\r\n    <img\r\n      [src]=\"imgSrc\"\r\n      class=\"img-fluid\"\r\n      [alt]=\"imgAlt\"   \r\n      ngSrcset=\"100w, 200w, 300w\"\r\n      placeholder\r\n      priority\r\n      sizes=\"100vw\"\r\n      loading=\"eager\"\r\n      fetchpriority \r\n    />\r\n  </div>\r\n</div>\r\n", styles: [".hero-section-left{padding-inline-end:60px;justify-content:center;display:flex;flex-direction:column}.hero-section-paragraph{font-size:18px;font-weight:500;color:#334155;margin-bottom:24px}.hero-section-right img{border-radius:20px;width:648px}@media screen and (max-width: 768px){.hero-section{flex-direction:column-reverse}.hero-section-left{padding-inline-end:0px;margin-top:36px}}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeroSectionWithParagraphComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lib-hero-section-with-paragraph', standalone: true, imports: [NgOptimizedImage], template: "<div class=\"row hero-section g-0\">\r\n  <div class=\"col-12 col-md-6 hero-section-left\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div class=\"col-12 col-md-6 hero-section-right\">\r\n    <img\r\n      [src]=\"imgSrc\"\r\n      class=\"img-fluid\"\r\n      [alt]=\"imgAlt\"   \r\n      ngSrcset=\"100w, 200w, 300w\"\r\n      placeholder\r\n      priority\r\n      sizes=\"100vw\"\r\n      loading=\"eager\"\r\n      fetchpriority \r\n    />\r\n  </div>\r\n</div>\r\n", styles: [".hero-section-left{padding-inline-end:60px;justify-content:center;display:flex;flex-direction:column}.hero-section-paragraph{font-size:18px;font-weight:500;color:#334155;margin-bottom:24px}.hero-section-right img{border-radius:20px;width:648px}@media screen and (max-width: 768px){.hero-section{flex-direction:column-reverse}.hero-section-left{padding-inline-end:0px;margin-top:36px}}\n"] }]
        }], propDecorators: { imgSrc: [{
                type: Input
            }], imgAlt: [{
                type: Input
            }] } });

/**
 * Generated bundle index. Do not edit.
 */

export { HeroSectionWithParagraphComponent };
//# sourceMappingURL=testlocallibrary-shared-kernel-components-hero-section-with-paragraph.mjs.map
