import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@alauda/ui";
export class OverviewBannerComponent {
    constructor() {
        this.option = {};
    }
}
OverviewBannerComponent.ɵfac = function OverviewBannerComponent_Factory(t) { return new (t || OverviewBannerComponent)(); };
OverviewBannerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverviewBannerComponent, selectors: [["acl-overview-banner"]], inputs: { option: "option" }, decls: 9, vars: 3, consts: [[1, "overview-banner--wrapper"], [1, "overview-banner"], [1, "overview-banner__icon"], [1, "acl-colorful-icon", "highlight", 3, "icon"], [1, "overview-banner__content"], [1, "overview-banner__title"], [1, "overview-banner__description"]], template: function OverviewBannerComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
        i0.ɵɵelement(3, "aui-icon", 3);
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(4, "div", 4)(5, "div", 5);
        i0.ɵɵtext(6);
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(7, "div", 6);
        i0.ɵɵtext(8);
        i0.ɵɵelementEnd()()()();
    } if (rf & 2) {
        i0.ɵɵadvance(3);
        i0.ɵɵproperty("icon", "bicolor:" + (ctx.option == null ? null : ctx.option.icon));
        i0.ɵɵadvance(3);
        i0.ɵɵtextInterpolate1(" ", ctx.option == null ? null : ctx.option.title, " ");
        i0.ɵɵadvance(2);
        i0.ɵɵtextInterpolate1(" ", ctx.option == null ? null : ctx.option.description, " ");
    } }, dependencies: [i1.IconComponent], styles: [".overview-banner[_ngcontent-%COMP%]{display:flex;align-items:center;padding:24px}.overview-banner--wrapper[_ngcontent-%COMP%]{border-radius:var(--aui-border-radius-l);margin-bottom:var(--aui-spacing-xl);background-color:rgb(var(--aui-color-primary));background-image:url(^images/overview-banner.svg);background-size:cover;background-position:center}.overview-banner__icon[_ngcontent-%COMP%]{margin-right:20px}.overview-banner__icon[_ngcontent-%COMP%]   aui-icon[_ngcontent-%COMP%]{display:flex;font-size:56px;width:1em;height:1em}.overview-banner__content[_ngcontent-%COMP%]{color:#fff}.overview-banner__title[_ngcontent-%COMP%]{font-size:24px;line-height:36px;font-weight:var(--aui-font-weight-bold)}.overview-banner__description[_ngcontent-%COMP%]{margin-top:4px;font-size:var(--aui-font-size-m)}"], changeDetection: 0 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverviewBannerComponent, [{
        type: Component,
        args: [{ selector: 'acl-overview-banner', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"overview-banner--wrapper\">\n  <div class=\"overview-banner\">\n    <div class=\"overview-banner__icon\">\n      <aui-icon\n        class=\"acl-colorful-icon highlight\"\n        [icon]=\"'bicolor:' + option?.icon\"\n      ></aui-icon>\n    </div>\n    <div class=\"overview-banner__content\">\n      <div class=\"overview-banner__title\">\n        {{ option?.title }}\n      </div>\n      <div class=\"overview-banner__description\">\n        {{ option?.description }}\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".overview-banner{display:flex;align-items:center;padding:24px}.overview-banner--wrapper{border-radius:var(--aui-border-radius-l);margin-bottom:var(--aui-spacing-xl);background-color:rgb(var(--aui-color-primary));background-image:url(^images/overview-banner.svg);background-size:cover;background-position:center}.overview-banner__icon{margin-right:20px}.overview-banner__icon aui-icon{display:flex;font-size:56px;width:1em;height:1em}.overview-banner__content{color:#fff}.overview-banner__title{font-size:24px;line-height:36px;font-weight:var(--aui-font-weight-bold)}.overview-banner__description{margin-top:4px;font-size:var(--aui-font-size-m)}\n"] }]
    }], null, { option: [{
            type: Input
        }] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcnZpZXctYmFubmVyLmNwbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy9vdmVydmlldy1iYW5uZXIvb3ZlcnZpZXctYmFubmVyLmNwbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy9vdmVydmlldy1iYW5uZXIvb3ZlcnZpZXctYmFubmVyLmNvbXBvbm5ldC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFXMUUsTUFBTSxPQUFPLHVCQUF1QjtJQVBwQztRQVNFLFdBQU0sR0FBRyxFQUEwQixDQUFDO0tBQ3JDOzs4RkFIWSx1QkFBdUI7MEVBQXZCLHVCQUF1QjtRQ1hwQyw4QkFBc0MsYUFBQSxhQUFBO1FBR2hDLDhCQUdZO1FBQ2QsaUJBQU07UUFDTiw4QkFBc0MsYUFBQTtRQUVsQyxZQUNGO1FBQUEsaUJBQU07UUFDTiw4QkFBMEM7UUFDeEMsWUFDRjtRQUFBLGlCQUFNLEVBQUEsRUFBQSxFQUFBOztRQVRKLGVBQWtDO1FBQWxDLGlGQUFrQztRQUtsQyxlQUNGO1FBREUsNkVBQ0Y7UUFFRSxlQUNGO1FBREUsbUZBQ0Y7O3VGREhPLHVCQUF1QjtjQVBuQyxTQUFTOzJCQUNFLHFCQUFxQix1QkFHVixLQUFLLG1CQUNULHVCQUF1QixDQUFDLE1BQU07Z0JBSS9DLE1BQU07a0JBREwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE92ZXJ2aWV3QmFubmVyT3B0aW9uIH0gZnJvbSAnLi9wdWJsaWMtYXBpJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLW92ZXJ2aWV3LWJhbm5lcicsXG4gIHRlbXBsYXRlVXJsOiAnb3ZlcnZpZXctYmFubmVyLmNvbXBvbm5ldC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ292ZXJ2aWV3LWJhbm5lci5jb21wb25lbnQuc2NzcyddLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE92ZXJ2aWV3QmFubmVyQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgb3B0aW9uID0ge30gYXMgT3ZlcnZpZXdCYW5uZXJPcHRpb247XG59XG4iLCI8ZGl2IGNsYXNzPVwib3ZlcnZpZXctYmFubmVyLS13cmFwcGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJvdmVydmlldy1iYW5uZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwib3ZlcnZpZXctYmFubmVyX19pY29uXCI+XG4gICAgICA8YXVpLWljb25cbiAgICAgICAgY2xhc3M9XCJhY2wtY29sb3JmdWwtaWNvbiBoaWdobGlnaHRcIlxuICAgICAgICBbaWNvbl09XCInYmljb2xvcjonICsgb3B0aW9uPy5pY29uXCJcbiAgICAgID48L2F1aS1pY29uPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJvdmVydmlldy1iYW5uZXJfX2NvbnRlbnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJvdmVydmlldy1iYW5uZXJfX3RpdGxlXCI+XG4gICAgICAgIHt7IG9wdGlvbj8udGl0bGUgfX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cIm92ZXJ2aWV3LWJhbm5lcl9fZGVzY3JpcHRpb25cIj5cbiAgICAgICAge3sgb3B0aW9uPy5kZXNjcmlwdGlvbiB9fVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=