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

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

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

.j8572sb {
  cx: 14.5px;
  cy: 27.5px;
  r: 3.5px;
  fill: #ffcc4d;
}

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

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

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

.v3clf8s {
  cx: 16px;
  cy: 16px;
  r: 3px;
  fill: #ffcc4d;
}

.v4hkj8pk {
  fill: #66757f;
  d: path("M7 18C7 9.669 11.239 2.607 17.13.044C7.596.501 0 8.353 0 18s7.594 17.498 17.128 17.956C11.238 33.391 7 26.331 7 18");
}

.vbs8cfbp {
  fill: #ffd983;
  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");
}
</style><path class="vbs8cfbp"/><path class="v4hkj8pk"/><circle class="kkig0yb"/><circle class="v3clf8s"/><circle class="j8572sb"/><circle class="fjhi2fb"/><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:waxing-gibbous-moon"} {...others} />);
}

export default Component;
