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 ObiCameraTop = 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 fill-rule="evenodd" clip-rule="evenodd" d="M10.3504 5.5L7.5 5.5C6.39543 5.5 5.5 6.39543 5.5 7.5L5.5 18.5C5.5 19.6046 6.39543 20.5 7.5 20.5H16.5C17.6046 20.5 18.5 19.6046 18.5 18.5L18.5 7.5C18.5 6.39543 17.6046 5.5 16.5 5.5L13.6496 5.5L16.5 2.5L7.5 2.5L10.3504 5.5ZM7.5 18.5L7.5 7.5L16.5 7.5L16.5 18.5H7.5Z" 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 fill-rule="evenodd" clip-rule="evenodd" d="M10.3504 5.5L7.5 5.5C6.39543 5.5 5.5 6.39543 5.5 7.5L5.5 18.5C5.5 19.6046 6.39543 20.5 7.5 20.5H16.5C17.6046 20.5 18.5 19.6046 18.5 18.5L18.5 7.5C18.5 6.39543 17.6046 5.5 16.5 5.5L13.6496 5.5L16.5 2.5L7.5 2.5L10.3504 5.5ZM7.5 18.5L7.5 7.5L16.5 7.5L16.5 18.5H7.5Z" style="fill: var(--element-active-color)"/>
</svg>
`;
  }
  render() {
    return html`
      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
    `;
  }
};
ObiCameraTop.styles = css`
    .wrapper {
      height: 100%;
      width: 100%;
      line-height: 0;
    }
    .wrapper > * {
      height: 100%;
      width: 100%;
    }
  `;
__decorateClass([
  property({ type: Boolean })
], ObiCameraTop.prototype, "useCssColor", 2);
ObiCameraTop = __decorateClass([
  customElement("obi-camera-top")
], ObiCameraTop);
export {
  ObiCameraTop
};
//# sourceMappingURL=icon-camera-top.js.map
