import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class MobileTableComponent {
    constructor() { }
    ngOnInit() { }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MobileTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: MobileTableComponent, selector: "et-mobile-table", inputs: { state: "state", data: "data" }, ngImport: i0, template: "<ng-container *ngIf=\"state != null\">\r\n\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 md:hidden\">\r\n  <div class=\"bg-white space-y-3 p-4 rounded-lg shadow\">\r\n    <div class=\"flex items-center space-x-2 text-sm\">\r\n      <div>\r\n        <a href=\"#\" class=\"text-blue-500 font-bold hover:underline\">#1000</a>\r\n      </div>\r\n      <div class=\"text-gray-500\">10/10/2021</div>\r\n      <div>\r\n        <span\r\n          class=\"p-1.5 text-xs font-medium uppercase tracking-wider text-green-800 bg-green-200 rounded-lg bg-opacity-50\">Delivered</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"text-sm text-gray-700\">\r\n      Kring New Fit office chair, mesh + PU, black\r\n    </div>\r\n    <div class=\"text-sm font-medium text-black\">\r\n      $200.00\r\n    </div>\r\n  </div>\r\n  <div class=\"bg-white space-y-3 p-4 rounded-lg shadow\">\r\n    <div class=\"flex items-center space-x-2 text-sm\">\r\n      <div>\r\n        <a href=\"#\" class=\"text-blue-500 font-bold hover:underline\">#1001</a>\r\n      </div>\r\n      <div class=\"text-gray-500\">10/10/2021</div>\r\n      <div>\r\n        <span\r\n          class=\"p-1.5 text-xs font-medium uppercase tracking-wider text-yellow-800 bg-yellow-200 rounded-lg bg-opacity-50\">Shipped</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"text-sm text-gray-700\">\r\n      Kring New Fit office chair, mesh + PU, black\r\n    </div>\r\n    <div class=\"text-sm font-medium text-black\">\r\n      $200.00\r\n    </div>\r\n  </div>\r\n  <div class=\"bg-white space-y-3 p-4 rounded-lg shadow\">\r\n    <div class=\"flex items-center space-x-2 text-sm\">\r\n      <div>\r\n        <a href=\"#\" class=\"text-blue-500 font-bold hover:underline\">#1002</a>\r\n      </div>\r\n      <div class=\"text-gray-500\">10/10/2021</div>\r\n      <div>\r\n        <span\r\n          class=\"p-1.5 text-xs font-medium uppercase tracking-wider text-gray-800 bg-gray-200 rounded-lg bg-opacity-50\">Canceled</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"text-sm text-gray-700\">\r\n      Kring New Fit office chair, mesh + PU, black\r\n    </div>\r\n    <div class=\"text-sm font-medium text-black\">\r\n      $200.00\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n</ng-container>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MobileTableComponent, decorators: [{
            type: Component,
            args: [{ selector: 'et-mobile-table', template: "<ng-container *ngIf=\"state != null\">\r\n\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 md:hidden\">\r\n  <div class=\"bg-white space-y-3 p-4 rounded-lg shadow\">\r\n    <div class=\"flex items-center space-x-2 text-sm\">\r\n      <div>\r\n        <a href=\"#\" class=\"text-blue-500 font-bold hover:underline\">#1000</a>\r\n      </div>\r\n      <div class=\"text-gray-500\">10/10/2021</div>\r\n      <div>\r\n        <span\r\n          class=\"p-1.5 text-xs font-medium uppercase tracking-wider text-green-800 bg-green-200 rounded-lg bg-opacity-50\">Delivered</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"text-sm text-gray-700\">\r\n      Kring New Fit office chair, mesh + PU, black\r\n    </div>\r\n    <div class=\"text-sm font-medium text-black\">\r\n      $200.00\r\n    </div>\r\n  </div>\r\n  <div class=\"bg-white space-y-3 p-4 rounded-lg shadow\">\r\n    <div class=\"flex items-center space-x-2 text-sm\">\r\n      <div>\r\n        <a href=\"#\" class=\"text-blue-500 font-bold hover:underline\">#1001</a>\r\n      </div>\r\n      <div class=\"text-gray-500\">10/10/2021</div>\r\n      <div>\r\n        <span\r\n          class=\"p-1.5 text-xs font-medium uppercase tracking-wider text-yellow-800 bg-yellow-200 rounded-lg bg-opacity-50\">Shipped</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"text-sm text-gray-700\">\r\n      Kring New Fit office chair, mesh + PU, black\r\n    </div>\r\n    <div class=\"text-sm font-medium text-black\">\r\n      $200.00\r\n    </div>\r\n  </div>\r\n  <div class=\"bg-white space-y-3 p-4 rounded-lg shadow\">\r\n    <div class=\"flex items-center space-x-2 text-sm\">\r\n      <div>\r\n        <a href=\"#\" class=\"text-blue-500 font-bold hover:underline\">#1002</a>\r\n      </div>\r\n      <div class=\"text-gray-500\">10/10/2021</div>\r\n      <div>\r\n        <span\r\n          class=\"p-1.5 text-xs font-medium uppercase tracking-wider text-gray-800 bg-gray-200 rounded-lg bg-opacity-50\">Canceled</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"text-sm text-gray-700\">\r\n      Kring New Fit office chair, mesh + PU, black\r\n    </div>\r\n    <div class=\"text-sm font-medium text-black\">\r\n      $200.00\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n</ng-container>" }]
        }], ctorParameters: () => [], propDecorators: { state: [{
                type: Input
            }], data: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 