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

const viewBox = {"width":64,"height":64};
const content = `<style>.fx05f8c {
  cx: 15px;
  cy: 15.7px;
  r: 2px;
}

.h43cugs {
  cx: 18.1px;
  cy: 39px;
  r: 6px;
}

.hg7lxpb {
  cx: 12.1px;
  cy: 25.9px;
  r: 4px;
}

.hqsly9j {
  cx: 25px;
  cy: 29.9px;
  r: 3px;
}

.iptj1fm {
  cx: 24.2px;
  cy: 50px;
  r: 9px;
}

.ju7-glb {
  fill: #f4dc9f;
}

.ls1yo1c {
  cx: 37px;
  cy: 18.2px;
  r: 4px;
}

.lvjz7-b {
  cx: 8.1px;
  cy: 39px;
  r: 2px;
}

.q-ob0om {
  cx: 24px;
  cy: 17.2px;
  r: 4px;
}

.r_w28qt {
  cx: 39px;
  cy: 9.2px;
  r: 2px;
}

.sek9l5m {
  cx: 46px;
  cy: 52.6px;
  r: 4px;
}

.vtqnjlb {
  d: path("M24.2 10.8c0 2.8 2.2 5 5 5s5-2.2 5-5s-2.2-5-5-5c-2.8-.1-5 2.2-5 5");
}

.w0gf7jb {
  cx: 32px;
  cy: 32px;
  r: 30px;
  fill: #ffe8a6;
}

.x2stddk {
  cx: 52px;
  cy: 50px;
  r: 2px;
}

.yj94e4b {
  cx: 50px;
  cy: 35.2px;
  r: 7px;
}
</style><circle class="w0gf7jb"/><g class="ju7-glb"><circle class="yj94e4b"/><circle class="h43cugs"/><circle class="iptj1fm"/><circle class="q-ob0om"/><circle class="ls1yo1c"/><circle class="hg7lxpb"/><circle class="r_w28qt"/><circle class="lvjz7-b"/><circle class="x2stddk"/><circle class="hqsly9j"/><circle class="fx05f8c"/><circle class="sek9l5m"/><path class="vtqnjlb"/></g>`;

/** @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:full-moon"} {...others} />);
}

export default Component;
