import { Component, input, ChangeDetectionStrategy } from '@angular/core';
import { MatIconModule } from '@angular/material/icon';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/icon";
/**
 * Section piece that puts an icon on the left, and arbitrary content on the right with a header.
 */
export class DbxIconItemComponent {
    icon = input();
    header = input();
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxIconItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxIconItemComponent, isStandalone: true, selector: "dbx-icon-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
    <div class="dbx-icon-item">
      @if (icon()) {
        <div class="left">
          <mat-icon>{{ icon() }}</mat-icon>
        </div>
      }
      <div class="right">
        @if (header()) {
          <h3 class="dbx-icon-item-header">{{ header() }}</h3>
        }
        <div class="right-content">
          <ng-content></ng-content>
        </div>
      </div>
    </div>
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxIconItemComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'dbx-icon-item',
                    template: `
    <div class="dbx-icon-item">
      @if (icon()) {
        <div class="left">
          <mat-icon>{{ icon() }}</mat-icon>
        </div>
      }
      <div class="right">
        @if (header()) {
          <h3 class="dbx-icon-item-header">{{ header() }}</h3>
        }
        <div class="right-content">
          <ng-content></ng-content>
        </div>
      </div>
    </div>
  `,
                    standalone: true,
                    imports: [MatIconModule],
                    changeDetection: ChangeDetectionStrategy.OnPush
                }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRlbS5pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvaXRlbS9pdGVtLmljb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBRXZEOztHQUVHO0FBd0JILE1BQU0sT0FBTyxvQkFBb0I7SUFDdEIsSUFBSSxHQUFHLEtBQUssRUFBaUIsQ0FBQztJQUM5QixNQUFNLEdBQUcsS0FBSyxFQUFpQixDQUFDO3dHQUY5QixvQkFBb0I7NEZBQXBCLG9CQUFvQixxVUFyQnJCOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JULDJEQUVTLGFBQWE7OzRGQUdaLG9CQUFvQjtrQkF2QmhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7OztHQWdCVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUN4QixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdHlwZSBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuXG4vKipcbiAqIFNlY3Rpb24gcGllY2UgdGhhdCBwdXRzIGFuIGljb24gb24gdGhlIGxlZnQsIGFuZCBhcmJpdHJhcnkgY29udGVudCBvbiB0aGUgcmlnaHQgd2l0aCBhIGhlYWRlci5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWljb24taXRlbScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImRieC1pY29uLWl0ZW1cIj5cbiAgICAgIEBpZiAoaWNvbigpKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0XCI+XG4gICAgICAgICAgPG1hdC1pY29uPnt7IGljb24oKSB9fTwvbWF0LWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0XCI+XG4gICAgICAgIEBpZiAoaGVhZGVyKCkpIHtcbiAgICAgICAgICA8aDMgY2xhc3M9XCJkYngtaWNvbi1pdGVtLWhlYWRlclwiPnt7IGhlYWRlcigpIH19PC9oMz5cbiAgICAgICAgfVxuICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQtY29udGVudFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW01hdEljb25Nb2R1bGVdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEYnhJY29uSXRlbUNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IGljb24gPSBpbnB1dDxNYXliZTxzdHJpbmc+PigpO1xuICByZWFkb25seSBoZWFkZXIgPSBpbnB1dDxNYXliZTxzdHJpbmc+PigpO1xufVxuIl19