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

const viewBox = {"width":36,"height":36};
const content = `<style>.cp2u-rg {
  cx: 10.5px;
  cy: 8.5px;
  r: 3.5px;
  fill: #5b6876;
}

.d6it-ac {
  cx: 20px;
  cy: 16px;
  r: 3px;
  fill: #5b6876;
}

.ezxmnwbw {
  fill: #66757f;
  d: path("M0 18c0 9.941 8.059 18 18 18c.295 0 .58-.029.87-.043C24.761 33.393 29 26.332 29 18C29 9.669 24.761 2.607 18.87.044C18.58.03 18.295 0 18 0C8.059 0 0 8.059 0 18");
}

.fhtfaob {
  cx: 18px;
  cy: 18px;
  r: 18px;
  fill: #ffd983;
}

.g2tjx_b {
  cx: 10px;
  cy: 23px;
  r: 2px;
  fill: #5b6876;
}

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

.jbmursb {
  cx: 21.5px;
  cy: 27.5px;
  r: 3.5px;
  fill: #5b6876;
}

.lnt0_iv {
  cx: 32px;
  cy: 19px;
  r: 2px;
  fill: #ffcc4d;
}

.pwwbneb {
  cx: 3px;
  cy: 18px;
  r: 1px;
  fill: #5b6876;
}

.uzoedqq {
  cx: 15px;
  cy: 31px;
  r: 1px;
  fill: #5b6876;
}

.x49on3y {
  cx: 30px;
  cy: 9px;
  r: 1px;
  fill: #ffcc4d;
}
</style><circle class="fhtfaob"/><path class="ezxmnwbw"/><circle class="cp2u-rg"/><circle class="d6it-ac"/><circle class="jbmursb"/><circle class="i5u_53b"/><circle class="pwwbneb"/><circle class="x49on3y"/><circle class="uzoedqq"/><circle class="lnt0_iv"/><circle class="g2tjx_b"/>`;

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

export default Component;
