import { html as h } from "lit";
import { property as i } from "lit/decorators.js";
import { PieIconComponent as a } from "./PieIconComponent.js";
import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
var v = Object.defineProperty, m = Object.getOwnPropertyDescriptor, c = (n, t, s, o) => {
  for (var e = o > 1 ? void 0 : o ? m(t, s) : t, l = n.length - 1, p; l >= 0; l--)
    (p = n[l]) && (e = (o ? p(t, s, e) : p(e)) || e);
  return o && e && v(t, s, e), e;
};
let r = class extends a {
  constructor() {
    super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--chevronCollapse", this.class = "c-pieIcon c-pieIcon--chevronCollapse", this.name = "IconChevronCollapse";
  }
  render() {
    return h`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--chevronCollapse"><path d="M7.972 9.66c.267 0 .524.1.721.281l3.51 3.658-.936.875-3.308-3.387-3.308 3.387-.901-.937 3.5-3.596c.197-.18.454-.28.722-.28Z"></path><path d="m12.244 2.373-3.5 3.596a1.07 1.07 0 0 1-1.444 0L3.79 2.312l.937-.875 3.307 3.385 3.308-3.385.901.936Z"></path></svg>`;
  }
};
c([
  i({ type: String, reflect: !0 })
], r.prototype, "size", 2);
c([
  i({ type: String, reflect: !0 })
], r.prototype, "class", 2);
r = c([
  f("icon-chevron-collapse")
], r);
export {
  r as IconChevronCollapse
};
