import { html as a } from "lit";
import { property as l } from "lit/decorators.js";
import { PieIconComponent as w } from "./PieIconComponent.js";
import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
var h = Object.defineProperty, m = Object.getOwnPropertyDescriptor, p = (c, e, s, o) => {
  for (var r = o > 1 ? void 0 : o ? m(e, s) : e, n = c.length - 1, i; n >= 0; n--)
    (i = c[n]) && (r = (o ? i(e, s, r) : i(r)) || r);
  return o && r && h(e, s, r), r;
};
let t = class extends w {
  constructor() {
    super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--arrowDown", this.class = "c-pieIcon c-pieIcon--arrowDown", this.name = "IconArrowDown";
  }
  render() {
    return a`<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--arrowDown"><path d="M7.25 1v11.65L3.49 8.89 2.43 10l4.69 4.68a1.24 1.24 0 0 0 1.76 0L13.57 10l-1.06-1.11-3.76 3.76V1z"></path></svg>`;
  }
};
p([
  l({ type: String, reflect: !0 })
], t.prototype, "size", 2);
p([
  l({ type: String, reflect: !0 })
], t.prototype, "class", 2);
t = p([
  f("icon-arrow-down")
], t);
export {
  t as IconArrowDown
};
