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 ObiCursorDrawIcon = 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="M3 3L7.25 3L20.4 16.175C20.6 16.375 20.75 16.6 20.85 16.85C20.95 17.1 21 17.35 21 17.6C21 17.8667 20.95 18.1208 20.85 18.3625C20.75 18.6042 20.6 18.8167 20.4 19L19 20.4C18.8167 20.6 18.6042 20.75 18.3625 20.85C18.1208 20.95 17.8667 21 17.6 21C17.35 21 17.1 20.95 16.85 20.85C16.6 20.75 16.375 20.6 16.175 20.4L3 7.25L3 3ZM5 5L5 6.4L9.9 11.3125L14.8 16.225L15.525 15.525L16.225 14.8L6.4 5L5 5ZM15.525 15.525L16.225 14.8L14.8 16.225L15.525 15.525Z" 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="M3 3L7.25 3L20.4 16.175C20.6 16.375 20.75 16.6 20.85 16.85C20.95 17.1 21 17.35 21 17.6C21 17.8667 20.95 18.1208 20.85 18.3625C20.75 18.6042 20.6 18.8167 20.4 19L19 20.4C18.8167 20.6 18.6042 20.75 18.3625 20.85C18.1208 20.95 17.8667 21 17.6 21C17.35 21 17.1 20.95 16.85 20.85C16.6 20.75 16.375 20.6 16.175 20.4L3 7.25L3 3ZM5 5L5 6.4L9.9 11.3125L14.8 16.225L15.525 15.525L16.225 14.8L6.4 5L5 5ZM15.525 15.525L16.225 14.8L14.8 16.225L15.525 15.525Z" style="fill: var(--element-active-color)"/>
</svg>
`;
  }
  render() {
    return html`
      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
    `;
  }
};
ObiCursorDrawIcon.styles = css`
    .wrapper {
      height: 100%;
      width: 100%;
      line-height: 0;
    }
    .wrapper > * {
      height: 100%;
      width: 100%;
    }
  `;
__decorateClass([
  property({ type: Boolean })
], ObiCursorDrawIcon.prototype, "useCssColor", 2);
ObiCursorDrawIcon = __decorateClass([
  customElement("obi-cursor-draw-icon")
], ObiCursorDrawIcon);
export {
  ObiCursorDrawIcon
};
//# sourceMappingURL=icon-cursor-draw-icon.js.map
