/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
import { c as s } from "../../chunks/runtime.js";
import { css as n, html as o } from "lit";
import { LitElement as r, nothing as t } from "@arcgis/lumina";
import { g as p, a as m } from "../../chunks/getItemIcon.js";
const l = n`.item-type-icon{@apply block h-4 pointer-events-none;margin-top:.15em!important;min-width:16px;fill:currentColor;transform:rotate(360deg)}.item-type-icon-margin{@apply m-inline-end-1.5;}`;
class c extends r {
  constructor() {
    super(...arguments), this.isPortal = !1, this.type = "", this.typeKeywords = [], this.designType = "";
  }
  static {
    this.properties = { isPortal: 5, type: 1, typeKeywords: 0, designType: 1 };
  }
  static {
    this.styles = l;
  }
  render() {
    const e = this.designType ? p(this.designType) : m(this.type, this.typeKeywords), i = this.designType || this.type;
    return o`<div title=${i ?? t}><img alt aria-hidden=true class="item-type-icon item-type-icon-margin" height=16 src=${e ?? t} width=16></div>`;
  }
}
s("solution-item-icon", c);
export {
  c as SolutionItemIcon
};
