import { Icon } from '@iconify/css-solid';
import { splitProps } from 'solid-js';

const viewBox = {"width":36,"height":36};
const content = `<style>.cq3jxsb {
  fill: #eabaa7;
  d: path("M6.82 17.514L17.512 6.819L29.18 18.486L18.486 29.18z");
}

.d2t83zb {
  cx: 7.306px;
  cy: 22.861px;
  r: .972px;
}

.d9kk4syc {
  fill: #f7ded5;
  d: path("M9.799 18.423a.972.972 0 0 1-.687-1.66l7.715-7.715a.972.972 0 1 1 1.375 1.375l-7.715 7.715a.97.97 0 0 1-.688.285");
}

.ecr9qjb {
  cx: 28.694px;
  cy: 7.306px;
  r: .972px;
}

.fpl9fkh {
  cx: 31.611px;
  cy: 10.222px;
  r: .972px;
}

.fq0htjb {
  cx: 25.778px;
  cy: 4.389px;
  r: .972px;
}

.j1frfhb {
  cx: 4.389px;
  cy: 25.778px;
  r: .972px;
}

.k4r0xew {
  cx: 13.139px;
  cy: 28.694px;
  r: .972px;
}

.kvpop8n {
  cx: 25.778px;
  cy: 10.222px;
  r: .972px;
}

.nvco9rj {
  fill: #c1694f;
}

.s_fk8lbj {
  fill: #d99e82;
  d: path("M2.92 21.393L21.393 2.92A8.264 8.264 0 0 1 33.08 14.607L14.607 33.08A8.264 8.264 0 0 1 2.92 21.393");
}

.si-t-8b {
  cx: 10.222px;
  cy: 31.611px;
  r: .972px;
}

.wbsbozb {
  cx: 10.222px;
  cy: 25.778px;
  r: .972px;
}

.wt35cpb {
  d: path("M21.896 7.189a.972.972 0 1 1 1.93.232a.972.972 0 0 1-1.93-.232");
}

.yjjmeab {
  cx: 28.694px;
  cy: 13.139px;
  r: .972px;
}

.zewd9xb {
  cx: 7.306px;
  cy: 28.694px;
  r: .972px;
}
</style><path class="s_fk8lbj"/><g class="nvco9rj"><circle class="j1frfhb"/><circle class="zewd9xb"/><circle class="si-t-8b"/><circle class="d2t83zb"/><circle class="wbsbozb"/><circle class="k4r0xew"/><path class="wt35cpb"/><circle class="kvpop8n"/><circle class="yjjmeab"/><circle class="fq0htjb"/><circle class="ecr9qjb"/><circle class="fpl9fkh"/></g><path class="cq3jxsb"/><path class="d9kk4syc"/>`;

/** @param props {{width?: string; height?: string;}} */
function Component(props) {
	const [local, others] = splitProps(props, ["width","height"]);

	return (<Icon width={local.width} height={local.height} viewBox={viewBox} content={content} fallback={"twemoji:adhesive-bandage"} {...others} />);
}

export default Component;
