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 ObiTwowayStackedClosed = 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="M8 9.51479L3 5.94336V18.057L8 14.4856V9.51479Z" fill="currentColor"/>
<path d="M16 14.4856V9.51479L21 5.94336L21 18.057L16 14.4856Z" fill="currentColor"/>
<path d="M13 0H11L11 13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13L13 0Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5.94319C2 5.12982 2.91937 4.65669 3.58124 5.12946L9 9V15L3.58124 18.8705C2.91937 19.3433 2 18.8702 2 18.0568V5.94319ZM3 5.94319L8 9.51462V14.4854L3 18.0568V5.94319Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 18.0568V5.94319C22 5.12982 21.0806 4.65669 20.4188 5.12946L15 9V15L20.4188 18.8705C21.0806 19.3433 22 18.8702 22 18.0568ZM16 14.4854V9.51462L21 5.94319L21 18.0568L16 14.4854Z" fill="currentColor"/>
<path d="M14 0V13C14 14.1046 13.1046 15 12 15C10.8954 15 10 14.1046 10 13V0H11V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V0H14Z" 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="M8 9.51479L3 5.94336V18.057L8 14.4856V9.51479Z" style="fill: var(--automation-device-primary-inverted-color)"/>
<path d="M16 14.4856V9.51479L21 5.94336L21 18.057L16 14.4856Z" style="fill: var(--automation-device-primary-inverted-color)"/>
<path d="M13 0H11L11 13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13L13 0Z" style="fill: var(--automation-device-primary-inverted-color)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5.94319C2 5.12982 2.91937 4.65669 3.58124 5.12946L9 9V15L3.58124 18.8705C2.91937 19.3433 2 18.8702 2 18.0568V5.94319ZM3 5.94319L8 9.51462V14.4854L3 18.0568V5.94319Z" style="fill: var(--automation-device-tertiary-inverted-color)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 18.0568V5.94319C22 5.12982 21.0806 4.65669 20.4188 5.12946L15 9V15L20.4188 18.8705C21.0806 19.3433 22 18.8702 22 18.0568ZM16 14.4854V9.51462L21 5.94319L21 18.0568L16 14.4854Z" style="fill: var(--automation-device-tertiary-inverted-color)"/>
<path d="M14 0V13C14 14.1046 13.1046 15 12 15C10.8954 15 10 14.1046 10 13V0H11V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V0H14Z" style="fill: var(--automation-device-tertiary-inverted-color)"/>
</svg>
`;
  }
  render() {
    return html`
      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
    `;
  }
};
ObiTwowayStackedClosed.styles = css`
    .wrapper {
      height: 100%;
      width: 100%;
      line-height: 0;
    }
    .wrapper > * {
      height: 100%;
      width: 100%;
    }
  `;
__decorateClass([
  property({ type: Boolean })
], ObiTwowayStackedClosed.prototype, "useCssColor", 2);
ObiTwowayStackedClosed = __decorateClass([
  customElement("obi-twoway-stacked-closed")
], ObiTwowayStackedClosed);
export {
  ObiTwowayStackedClosed
};
//# sourceMappingURL=icon-twoway-stacked-closed.js.map
