import { css, LitElement, svg, html } from "lit";
import { property } from "lit/decorators.js";
import { customElement } from "../decorator.js";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __decorateClass = (decorators, target, key, kind) => {
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
    if (decorator = decorators[i])
      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
  if (kind && result) __defProp(target, key, result);
  return result;
};
let ObiCursorPlaceholderIcon = class extends LitElement {
  constructor() {
    super(...arguments);
    this.useCssColor = false;
    this.icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M14.3334 11.6666H15.6667V14.3333H18.3334V15.6666H15.6667V18.3333H14.3334V15.6666H11.6667V14.3333H14.3334V11.6666Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.07478 14.0106L14.0107 8.07472C14.5548 7.53059 15.4452 7.53059 15.9893 8.07472L21.9253 14.0106C22.4694 14.5548 22.4694 15.4452 21.9253 15.9893L15.9893 21.9252C15.4452 22.4693 14.5548 22.4693 14.0107 21.9252L8.07478 15.9893C7.53066 15.4452 7.53066 14.5548 8.07478 14.0106ZM15 8.99996L9.00002 15L15 21L21 15L15 8.99996Z" fill="currentColor"/>
<path d="M5 13L1 1L13 5L7 7L5 13Z" fill="currentColor"/>
</svg>
`;
    this.iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.3334 11.6666H15.6667V14.3333H18.3334V15.6666H15.6667V18.3333H14.3334V15.6666H11.6667V14.3333H14.3334V11.6666Z" style="fill: var(--element-active-color)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.07478 14.0106L14.0107 8.07472C14.5548 7.53059 15.4452 7.53059 15.9893 8.07472L21.9253 14.0106C22.4694 14.5548 22.4694 15.4452 21.9253 15.9893L15.9893 21.9252C15.4452 22.4693 14.5548 22.4693 14.0107 21.9252L8.07478 15.9893C7.53066 15.4452 7.53066 14.5548 8.07478 14.0106ZM15 8.99996L9.00002 15L15 21L21 15L15 8.99996Z" style="fill: var(--element-active-color)"/>
<path d="M5 13L1 1L13 5L7 7L5 13Z" style="fill: var(--element-active-color)"/>
</svg>
`;
  }
  render() {
    return html`
      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
    `;
  }
};
ObiCursorPlaceholderIcon.styles = css`
    .wrapper {
      height: 100%;
      width: 100%;
      line-height: 0;
    }
    .wrapper > * {
      height: 100%;
      width: 100%;
    }
  `;
__decorateClass([
  property({ type: Boolean })
], ObiCursorPlaceholderIcon.prototype, "useCssColor", 2);
ObiCursorPlaceholderIcon = __decorateClass([
  customElement("obi-cursor-placeholder-icon")
], ObiCursorPlaceholderIcon);
export {
  ObiCursorPlaceholderIcon
};
//# sourceMappingURL=icon-cursor-placeholder-icon.js.map
