// ps-content-loader
import { Component, OnInit, Input } from "@angular/core";

@Component({
    selector: "ps-content-loader",
    template:
        '<div *ngIf="loading" class="p-2 text-center d-block mx-auto ng-star-inserted my-5" style="color: #94989f !important;">' +
            '<i class="fa-2x fas fa-spin fa-spin-fast fa-spinner-third text-primary"></i>' +
        "</div>",
    // template:
    //     '<div class="ph-item" *ngIf="loading">\n' +
    //     '\t\t\t\t\t<div class="ph-col-12">\n' +
    //     '\t\t\t\t\t\t<div class="ph-row">\n' +
    //     '\t\t\t\t\t\t\t<div class="ph-col-2 "></div>\n' +
    //     '\t\t\t\t\t\t\t<div class="ph-col-2 "></div>\n' +
    //     '\t\t\t\t\t\t\t<div class="ph-col-2 "></div>\n' +
    //     '\t\t\t\t\t\t\t<div class="ph-col-2 "></div>\n' +
    //     '\t\t\t\t\t\t\t<div class="ph-col-2 "></div>\n' +
    //     "\t\t\t\t\t\t</div>\n" +
    //     "\t\t\t\t\t</div>\n" +
    //     "\t\t\t\t</div>",
})
export class PsContenLoaderComponent implements OnInit {
    @Input() loading: boolean;

    constructor() {}

    ngOnInit() {}
}