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

const viewBox = {"width":64,"height":64};
const content = `<style>.azywgek {
  d: path("M19.6 12.1h24.8v14.5H19.6z");
}

.bzdaurb {
  cx: 32px;
  cy: 42.5px;
  fill: #a29b95;
  rx: 10.5px;
  ry: 8.6px;
}

.cad2rvb {
  cx: 32px;
  cy: 55.1px;
  fill: #a29b95;
  rx: 17.9px;
  ry: 6.9px;
}

.cclyask {
  cx: 32px;
  cy: 12.9px;
  fill: #efd8b1;
  rx: 9.4px;
  ry: 2.6px;
}

.cwvbplx {
  cx: 32px;
  cy: 50.6px;
  fill: #dddad5;
  rx: 9.8px;
  ry: 3px;
}

.egm9ujq {
  cx: 32px;
  cy: 12.1px;
  fill: #fff6d7;
  rx: 12.4px;
  ry: 3.5px;
}

.hwe5f9l {
  fill: #dfcea3;
}

.jhko_-b {
  cx: 32px;
  cy: 53.6px;
  fill: #dddad5;
  rx: 16.5px;
  ry: 5.3px;
}

.lvpxq0b {
  cx: 32px;
  cy: 35.4px;
  fill: #dddad5;
  rx: 10.2px;
  ry: 3.5px;
}

.lymi8hc {
  cx: 32px;
  cy: 29.4px;
  fill: #a29b95;
  rx: 21px;
  ry: 6.9px;
}

.nql69_b {
  cx: 32px;
  cy: 27.9px;
  fill: #dddad5;
  rx: 19.4px;
  ry: 5.3px;
}

.oducihr {
  cx: 32px;
  cy: 51.2px;
  fill: #a29b95;
  rx: 10.5px;
  ry: 4.2px;
}

.p8slitq {
  fill: #3e4347;
  d: path("M31.6 12.5s.1-1.7.4-1.7s.4 1.6.4 1.6s-.4.1-.8.1");
}

.qhpsamye {
  fill: #ffce31;
  d: path("M31.7 12.5c-1.3 0-2.5-.6-1.1-3.1c1.4-2.4 1.8-3 1.8-3.7c0 .1 4.1 6.8-.7 6.8");
}

.rcyaegdt {
  fill: #8f9496;
  d: path("M32.1 10.8c.2.6.2 1.3.4 1.9q.15.45 0 .9c-.1.1-.2.6-.4.5c-.2 0-.3-.5-.4-.6c-.1-.4 0-.7 0-1c0-.2.1-1.7.4-1.7");
}

.u0-uajj {
  cx: 32px;
  cy: 36.3px;
  fill: #a29b95;
  rx: 11.5px;
  ry: 4.4px;
}

.xh0cybbe {
  fill: #ed4c5c;
  d: path("M31.5 12.5c-2 0-3.9-1-1.7-4.8c2.1-3.8 2.8-4.6 2.8-5.7c0 0 6.4 10.5-1.1 10.5");
}

.yzy2izb {
  cx: 32px;
  cy: 26.7px;
  rx: 12.4px;
  ry: 3.5px;
}

.z_y-ujb {
  cx: 32px;
  cy: 40.8px;
  fill: #dddad5;
  rx: 8.9px;
  ry: 6.9px;
}
</style><ellipse class="cad2rvb"/><ellipse class="jhko_-b"/><ellipse class="oducihr"/><ellipse class="cwvbplx"/><ellipse class="bzdaurb"/><ellipse class="z_y-ujb"/><ellipse class="u0-uajj"/><ellipse class="lvpxq0b"/><ellipse class="lymi8hc"/><ellipse class="nql69_b"/><g class="hwe5f9l"><ellipse class="yzy2izb"/><path class="azywgek"/></g><ellipse class="egm9ujq"/><ellipse class="cclyask"/><path class="xh0cybbe"/><path class="rcyaegdt"/><path class="qhpsamye"/><path class="p8slitq"/>`;

/** @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={"emojione:candle"} {...others} />);
}

export default Component;
