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;
}

.c8gzzdu {
  cx: 6px;
  cy: 9px;
  r: 1px;
  fill: #ffcc4d;
}

.dn2ttxb {
  cx: 4px;
  cy: 19px;
  r: 2px;
  fill: #ffcc4d;
}

.e7_1icbu {
  fill: #66757f;
  d: path("M36 18c0 9.941-8.059 18-18 18c-.294 0-.58-.029-.87-.043C11.239 33.393 7 26.332 7 18C7 9.669 11.239 2.607 17.13.044C17.42.03 17.706 0 18 0c9.941 0 18 8.059 18 18");
}

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

.goc1mdc {
  cx: 26px;
  cy: 23px;
  r: 2px;
  fill: #5b6876;
}

.hwg4sbb {
  cx: 21px;
  cy: 31px;
  r: 1px;
  fill: #5b6876;
}

.sqyvu3b {
  cx: 25.5px;
  cy: 8.5px;
  r: 3.5px;
  fill: #5b6876;
}

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

.xghsy-b {
  cx: 14.5px;
  cy: 27.5px;
  r: 3.5px;
  fill: #5b6876;
}

.zrgt_gb {
  cx: 33px;
  cy: 18px;
  r: 1px;
  fill: #5b6876;
}
</style><circle class="fhtfaob"/><path class="e7_1icbu"/><circle class="sqyvu3b"/><circle class="wp25l0m"/><circle class="xghsy-b"/><circle class="bss6fxb"/><circle class="zrgt_gb"/><circle class="c8gzzdu"/><circle class="hwg4sbb"/><circle class="dn2ttxb"/><circle class="goc1mdc"/>`;

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

export default Component;
