import * as i0 from '@angular/core';
import { Input, Component } from '@angular/core';
import * as i1 from '@aztrix/icons';
import { IconsModule } from '@aztrix/icons';

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
            }] } });

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

export { CircleExplanationComponent };
//# sourceMappingURL=aztrix-components-circle-explanation.mjs.map
