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

const viewBox = {"width":36,"height":36};
const content = `<style>.b1_g2wb {
  cx: 32px;
  cy: 19px;
  r: 2px;
  fill: #5b6876;
}

.c-prgkb {
  cx: 22.5px;
  cy: 27.5px;
  r: 3.5px;
  fill: #5b6876;
}

.i5u_53b {
  cx: 21px;
  cy: 6px;
  r: 2px;
  fill: #5b6876;
}

.lm_nxtq {
  cx: 10.5px;
  cy: 8.5px;
  r: 3.5px;
  fill: #ffcc4d;
}

.nvs00yb {
  cx: 3px;
  cy: 18px;
  r: 1px;
  fill: #ffcc4d;
}

.o7-okmb {
  cx: 10px;
  cy: 23px;
  r: 2px;
  fill: #ffcc4d;
}

.opee2kb {
  cx: 15px;
  cy: 31px;
  r: 1px;
  fill: #ffcc4d;
}

.pc2e58b {
  cx: 24px;
  cy: 16px;
  r: 3px;
  fill: #5b6876;
}

.r75wbab {
  cx: 30px;
  cy: 9px;
  r: 1px;
  fill: #5b6876;
}

.rsouvos {
  fill: #ffd983;
  d: path("M18 0v36C8.059 36 0 27.941 0 18S8.059 0 18 0");
}

.vnu_u-b {
  fill: #66757f;
  d: path("M36 18c0 9.941-8.059 18-18 18V0c9.941 0 18 8.059 18 18");
}
</style><path class="rsouvos"/><path class="vnu_u-b"/><circle class="lm_nxtq"/><circle class="pc2e58b"/><circle class="c-prgkb"/><circle class="i5u_53b"/><circle class="nvs00yb"/><circle class="r75wbab"/><circle class="opee2kb"/><circle class="b1_g2wb"/><circle class="o7-okmb"/>`;

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

export default Component;
