import { Component, Input } from '@angular/core';
import { IconsModule } from '@aztrix/icons';
import * as i0 from "@angular/core";
import * as i1 from "@aztrix/icons";
export class CircleExplanationComponent {
    constructor() {
        this.icon = 'alert';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CircleExplanationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CircleExplanationComponent, isStandalone: true, selector: "ax-circle-explanation", inputs: { icon: "icon" }, ngImport: i0, template: "<div class=\"m-empty m-empty--round\">\n  <div class=\"m-empty__content\">\n    <ax-icon class=\"icon m-empty__icon icon\" [name]=\"icon\"></ax-icon>\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{display:block;overflow:auto;padding-top:30px}:host ::ng-deep .h-button-wrapper>*{margin:0}:host ::ng-deep .h-button-wrapper.column{flex-direction:column}:host ::ng-deep .h-button-wrapper ax-invite-button{margin-top:.5rem}.m-empty{margin:1rem auto;color:#7a8692;max-width:400px;text-align:center;line-height:1.5;padding:0 1.5rem}.m-empty h2{font-size:1.125rem;margin:1rem 0}.m-empty p{margin:.75rem 0}@media only screen and (min-width: 600px){.m-empty{padding:0}.m-empty h2{font-size:1.5rem}}.m-empty.small .m-empty__icon{font-size:inherit;margin-top:0}.m-empty.small h2{font-size:1.125rem;margin:1rem 0}.m-empty.small p{margin:.5rem 0}.m-empty__icon{width:60px;height:60px;font-size:60px;line-height:1;margin-top:1rem}@media only screen and (min-width: 600px){.m-empty__icon{font-size:80px}}.m-empty__content{position:absolute;width:100%;height:100%;padding:20px;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.m-empty__content a:not(.ax-button){text-decoration:underline}.m-empty__content a:not(.ax-button){color:var(--primary-color-500)}.m-empty__content a:not(.ax-button):visited{color:var(--primary-color-500)}.m-empty__content a:not(.ax-button):hover{color:var(--primary-color-500)}.m-empty__content a:not(.ax-button):active,.m-empty__content a:not(.ax-button):focus{color:var(--primary-color-500)}.m-empty__content a:not(.ax-button):hover{text-decoration:none}@media only screen and (min-width: 600px){.m-empty__content{padding:26px}}.m-empty--round{margin-bottom:1rem;background-color:#fff;border-radius:50%;position:relative;max-width:250px;height:250px;color:#7a8692;box-shadow:0 1px 5px #00000026}.m-empty--round .m-empty__icon{position:absolute;top:-50px;left:50%;transform:translate(-50%);color:#7a8692;margin-bottom:.1rem}.m-empty--round h2{font-size:1.125rem;line-height:1.25;font-weight:400;padding:0 .5rem;margin-top:0}.m-empty--round p{font-size:.875rem;font-weight:300}.m-empty--round.small{margin-top:3rem;max-width:175px;height:175px}.m-empty--round.small .m-empty__content{padding:.5rem}.m-empty--round.small p{margin:.5rem 0;font-size:.875rem}.m-empty--round.small .m-empty__icon{top:-25px;width:50px;height:50px;color:#7a8692}.m-empty--round.inline{background-color:#f5f5f5}@media only screen and (min-width: 600px){.m-empty--round{max-width:300px;height:300px}.m-empty--round h2{font-size:1.5rem}.m-empty--round p{font-size:1rem}}\n"], dependencies: [{ kind: "ngmodule", type: IconsModule }, { kind: "component", type: i1.IconComponent, selector: "ax-icon", inputs: ["name", "inline"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CircleExplanationComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-circle-explanation', standalone: true, imports: [IconsModule], template: "<div class=\"m-empty m-empty--round\">\n  <div class=\"m-empty__content\">\n    <ax-icon class=\"icon m-empty__icon icon\" [name]=\"icon\"></ax-icon>\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{display:block;overflow:auto;padding-top:30px}:host ::ng-deep .h-button-wrapper>*{margin:0}:host ::ng-deep .h-button-wrapper.column{flex-direction:column}:host ::ng-deep .h-button-wrapper ax-invite-button{margin-top:.5rem}.m-empty{margin:1rem auto;color:#7a8692;max-width:400px;text-align:center;line-height:1.5;padding:0 1.5rem}.m-empty h2{font-size:1.125rem;margin:1rem 0}.m-empty p{margin:.75rem 0}@media only screen and (min-width: 600px){.m-empty{padding:0}.m-empty h2{font-size:1.5rem}}.m-empty.small .m-empty__icon{font-size:inherit;margin-top:0}.m-empty.small h2{font-size:1.125rem;margin:1rem 0}.m-empty.small p{margin:.5rem 0}.m-empty__icon{width:60px;height:60px;font-size:60px;line-height:1;margin-top:1rem}@media only screen and (min-width: 600px){.m-empty__icon{font-size:80px}}.m-empty__content{position:absolute;width:100%;height:100%;padding:20px;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.m-empty__content a:not(.ax-button){text-decoration:underline}.m-empty__content a:not(.ax-button){color:var(--primary-color-500)}.m-empty__content a:not(.ax-button):visited{color:var(--primary-color-500)}.m-empty__content a:not(.ax-button):hover{color:var(--primary-color-500)}.m-empty__content a:not(.ax-button):active,.m-empty__content a:not(.ax-button):focus{color:var(--primary-color-500)}.m-empty__content a:not(.ax-button):hover{text-decoration:none}@media only screen and (min-width: 600px){.m-empty__content{padding:26px}}.m-empty--round{margin-bottom:1rem;background-color:#fff;border-radius:50%;position:relative;max-width:250px;height:250px;color:#7a8692;box-shadow:0 1px 5px #00000026}.m-empty--round .m-empty__icon{position:absolute;top:-50px;left:50%;transform:translate(-50%);color:#7a8692;margin-bottom:.1rem}.m-empty--round h2{font-size:1.125rem;line-height:1.25;font-weight:400;padding:0 .5rem;margin-top:0}.m-empty--round p{font-size:.875rem;font-weight:300}.m-empty--round.small{margin-top:3rem;max-width:175px;height:175px}.m-empty--round.small .m-empty__content{padding:.5rem}.m-empty--round.small p{margin:.5rem 0;font-size:.875rem}.m-empty--round.small .m-empty__icon{top:-25px;width:50px;height:50px;color:#7a8692}.m-empty--round.inline{background-color:#f5f5f5}@media only screen and (min-width: 600px){.m-empty--round{max-width:300px;height:300px}.m-empty--round h2{font-size:1.5rem}.m-empty--round p{font-size:1rem}}\n"] }]
        }], propDecorators: { icon: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY2xlLWV4cGxhbmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9jaXJjbGUtZXhwbGFuYXRpb24vY2lyY2xlLWV4cGxhbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9jaXJjbGUtZXhwbGFuYXRpb24vY2lyY2xlLWV4cGxhbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQVMxQyxNQUFNLE9BQU8sMEJBQTBCO0lBUHZDO1FBUVcsU0FBSSxHQUFHLE9BQU8sQ0FBQztLQUN6QjsrR0FGWSwwQkFBMEI7bUdBQTFCLDBCQUEwQiwyR0NWdkMsME1BTUEsODVFREVZLFdBQVc7OzRGQUVWLDBCQUEwQjtrQkFQdEMsU0FBUzsrQkFDRSx1QkFBdUIsY0FHckIsSUFBSSxXQUNQLENBQUMsV0FBVyxDQUFDOzhCQUdiLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0ljb25zTW9kdWxlfSBmcm9tICdAYXp0cml4L2ljb25zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtY2lyY2xlLWV4cGxhbmF0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICdjaXJjbGUtZXhwbGFuYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnY2lyY2xlLWV4cGxhbmF0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtJY29uc01vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIENpcmNsZUV4cGxhbmF0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvbiA9ICdhbGVydCc7XG59XG4iLCI8ZGl2IGNsYXNzPVwibS1lbXB0eSBtLWVtcHR5LS1yb3VuZFwiPlxuICA8ZGl2IGNsYXNzPVwibS1lbXB0eV9fY29udGVudFwiPlxuICAgIDxheC1pY29uIGNsYXNzPVwiaWNvbiBtLWVtcHR5X19pY29uIGljb25cIiBbbmFtZV09XCJpY29uXCI+PC9heC1pY29uPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==