import { CommonModule, NgFor, NgStyle } from '@angular/common';
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
export class PropertyComponent {
    constructor() {
        this.obj = {
            heading: "Anata One",
            location: {
                city: "Hyderabad",
                state: "Telangana"
            },
            latitude: "",
            longitude: "",
            minInvestment: "5 Lac",
            features: [
                {
                    key: "Annual Returns",
                    value: "10%"
                },
                {
                    key: "IRR",
                    value: "18%"
                },
                {
                    key: "Guaranteed capital growth",
                    value: "5%"
                }
            ],
            backgroundImageUrl: "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/607923c1737627077005image%20%284%29.png"
        };
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PropertyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PropertyComponent, isStandalone: true, selector: "simpo-property", inputs: { element: "element" }, ngImport: i0, template: "<div class=\"main-container w-100\" [ngStyle]=\"{ 'background-image': 'url(' + obj.backgroundImageUrl + ')' }\">\n    <div class=\"data p-3 w-100\">\n        <div class=\"top-data d-flex justify-content-between\">\n            <div class=\"top-left d-flex g-10\">\n                <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/697059c1737627380633Rectangle%2034625906.png\"\n                    alt=\"logo-text\">\n                <div class=\"top-left-text text-left d-flex flex-column justify-content-center\">\n                    <div class=\"text-heading clr-white\">{{obj.heading}}</div>\n                    <div class=\"d-flex sub-text\"><img\n                            src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/384275c1737629729545location_on.png\">{{obj.location.city\n                        + \", \" + obj.location.state}}</div>\n                </div>\n            </div>\n            <div class=\"top-right text-right\">\n                <div class=\"xl-text mb-10\">{{obj.minInvestment}}</div>\n                <div class=\"nrml-text\">Min.Investment</div>\n            </div>\n        </div>\n        <div class=\"bottom-data d-flex justify-content-between align-items-center\">\n            <div class=\"key-value d-flex flex-column\" *ngFor=\"let ele of obj.features\">\n                <div class=\"text-heading clr-grey\">{{ele.value}}</div>\n                <div class=\"text-heading clr-grey\">{{ele.key}}</div>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".main-container{background-repeat:no-repeat;background-size:cover;height:40vh;position:relative}.data{position:absolute;bottom:0}.g-10{gap:10px}.mb-10{margin-bottom:10px}.text-heading{font-weight:700;font-size:18px}.clr-white{color:#fff}.clr-grey{color:#000000b3}.sub-text{font-weight:600;font-size:17px;color:#ffffffb3}.xl-text{font-size:28px;line-height:17px;font-weight:700;color:#f09819}.nrml-text{font-size:16px;font-weight:500;color:#fff6}.bottom-data{background:#fff;padding:10px;border-radius:8px;margin-top:10px}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: CommonModule }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PropertyComponent, decorators: [{
            type: Component,
            args: [{ selector: 'simpo-property', standalone: true, imports: [NgStyle, NgFor, CommonModule], template: "<div class=\"main-container w-100\" [ngStyle]=\"{ 'background-image': 'url(' + obj.backgroundImageUrl + ')' }\">\n    <div class=\"data p-3 w-100\">\n        <div class=\"top-data d-flex justify-content-between\">\n            <div class=\"top-left d-flex g-10\">\n                <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/697059c1737627380633Rectangle%2034625906.png\"\n                    alt=\"logo-text\">\n                <div class=\"top-left-text text-left d-flex flex-column justify-content-center\">\n                    <div class=\"text-heading clr-white\">{{obj.heading}}</div>\n                    <div class=\"d-flex sub-text\"><img\n                            src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/384275c1737629729545location_on.png\">{{obj.location.city\n                        + \", \" + obj.location.state}}</div>\n                </div>\n            </div>\n            <div class=\"top-right text-right\">\n                <div class=\"xl-text mb-10\">{{obj.minInvestment}}</div>\n                <div class=\"nrml-text\">Min.Investment</div>\n            </div>\n        </div>\n        <div class=\"bottom-data d-flex justify-content-between align-items-center\">\n            <div class=\"key-value d-flex flex-column\" *ngFor=\"let ele of obj.features\">\n                <div class=\"text-heading clr-grey\">{{ele.value}}</div>\n                <div class=\"text-heading clr-grey\">{{ele.key}}</div>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".main-container{background-repeat:no-repeat;background-size:cover;height:40vh;position:relative}.data{position:absolute;bottom:0}.g-10{gap:10px}.mb-10{margin-bottom:10px}.text-heading{font-weight:700;font-size:18px}.clr-white{color:#fff}.clr-grey{color:#000000b3}.sub-text{font-weight:600;font-size:17px;color:#ffffffb3}.xl-text{font-size:28px;line-height:17px;font-weight:700;color:#f09819}.nrml-text{font-size:16px;font-weight:500;color:#fff6}.bottom-data{background:#fff;padding:10px;border-radius:8px;margin-top:10px}\n"] }]
        }], propDecorators: { element: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 