import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@aztrix/icons";
export class SuccessIconComponent {
    constructor() {
        this.name = 'check';
        this.color = 'green';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SuccessIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SuccessIconComponent, selector: "ax-success-icon", inputs: { name: "name", color: "color" }, ngImport: i0, template: "<ax-icon class=\"success-icon\" [ngClass]=\"color\" [name]=\"name\"></ax-icon>\n", styles: [".success-icon{margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;width:70px;height:70px;line-height:100px;border-radius:50%;border:2px solid #363f48;font-size:50px;text-align:center;color:#363f48}.success-icon ::ng-deep svg{width:50%;height:50%}.success-icon.orange{border:1px solid #e67e22;color:#e67e22}.success-icon.green{border:1px solid var(--primary-color-500);color:var(--primary-color-500)}.success-icon.red{border:1px solid var(--warn-color-500);color:var(--warn-color-500)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.IconComponent, selector: "ax-icon", inputs: ["name", "inline"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SuccessIconComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-success-icon', template: "<ax-icon class=\"success-icon\" [ngClass]=\"color\" [name]=\"name\"></ax-icon>\n", styles: [".success-icon{margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;width:70px;height:70px;line-height:100px;border-radius:50%;border:2px solid #363f48;font-size:50px;text-align:center;color:#363f48}.success-icon ::ng-deep svg{width:50%;height:50%}.success-icon.orange{border:1px solid #e67e22;color:#e67e22}.success-icon.green{border:1px solid var(--primary-color-500);color:var(--primary-color-500)}.success-icon.red{border:1px solid var(--warn-color-500);color:var(--warn-color-500)}\n"] }]
        }], propDecorators: { name: [{
                type: Input
            }], color: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VjY2Vzcy1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zdWNjZXNzLWljb24vc3VjY2Vzcy1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zdWNjZXNzLWljb24vc3VjY2Vzcy1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBTy9DLE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFNVyxTQUFJLEdBQUksT0FBTyxDQUFDO1FBQ2hCLFVBQUssR0FBK0IsT0FBTyxDQUFDO0tBQ3REOytHQUhZLG9CQUFvQjttR0FBcEIsb0JBQW9CLGlHQ1BqQyxrRkFDQTs7NEZETWEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGlCQUFpQjs4QkFLbEIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXN1Y2Nlc3MtaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWNjZXNzLWljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWNjZXNzLWljb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU3VjY2Vzc0ljb25Db21wb25lbnQge1xuICBASW5wdXQoKSBuYW1lPyA9ICdjaGVjayc7XG4gIEBJbnB1dCgpIGNvbG9yOiAnZ3JlZW4nIHwgJ3JlZCcgfCAnb3JhbmdlJyA9ICdncmVlbic7XG59XG4iLCI8YXgtaWNvbiBjbGFzcz1cInN1Y2Nlc3MtaWNvblwiIFtuZ0NsYXNzXT1cImNvbG9yXCIgW25hbWVdPVwibmFtZVwiPjwvYXgtaWNvbj5cbiJdfQ==