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

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

.ggeoryi {
  cx: 6px;
  cy: 9px;
  r: 1px;
  fill: #5b6876;
}

.hoewo8b {
  fill: #ffd983;
  d: path("M18 0v36c9.941 0 18-8.059 18-18S27.941 0 18 0");
}

.hpfkzsa {
  cx: 12px;
  cy: 16px;
  r: 3px;
  fill: #5b6876;
}

.jh20ecc {
  cx: 33px;
  cy: 18px;
  r: 1px;
  fill: #ffcc4d;
}

.kkig0yb {
  cx: 25.5px;
  cy: 8.5px;
  r: 3.5px;
  fill: #ffcc4d;
}

.lkshfcc {
  fill: #66757f;
  d: path("M0 18c0 9.941 8.059 18 18 18V0C8.059 0 0 8.059 0 18");
}

.mv-tymk {
  cx: 4px;
  cy: 19px;
  r: 2px;
  fill: #5b6876;
}

.te5kt1g {
  cx: 26px;
  cy: 23px;
  r: 2px;
  fill: #ffcc4d;
}

.uzddt5s {
  cx: 21px;
  cy: 31px;
  r: 1px;
  fill: #ffcc4d;
}

.xelvs-c {
  cx: 13.5px;
  cy: 27.5px;
  r: 3.5px;
  fill: #5b6876;
}
</style><path class="hoewo8b"/><path class="lkshfcc"/><circle class="kkig0yb"/><circle class="hpfkzsa"/><circle class="xelvs-c"/><circle class="bss6fxb"/><circle class="jh20ecc"/><circle class="ggeoryi"/><circle class="uzddt5s"/><circle class="mv-tymk"/><circle class="te5kt1g"/>`;

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

export default Component;
