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

.h551ahv {
  cx: 21.5px;
  cy: 27.5px;
  r: 3.5px;
  fill: #ffcc4d;
}

.ks3974tq {
  fill: #66757f;
  d: path("M29 18C29 9.669 24.761 2.607 18.87.044C28.404.501 36 8.353 36 18s-7.594 17.498-17.128 17.956C24.762 33.391 29 26.331 29 18");
}

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

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

.vt4omhbe {
  fill: #ffd983;
  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");
}

.w84vhed {
  cx: 21px;
  cy: 6px;
  r: 2px;
  fill: #ffcc4d;
}

.ybsmwui {
  cx: 20px;
  cy: 16px;
  r: 3px;
  fill: #ffcc4d;
}
</style><path class="vt4omhbe"/><path class="ks3974tq"/><circle class="lm_nxtq"/><circle class="ybsmwui"/><circle class="h551ahv"/><circle class="w84vhed"/><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:waning-gibbous-moon"} {...others} />);
}

export default Component;
