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

const viewBox = {"width":36,"height":36};
const content = `<style>.a5qmdsbv {
  fill: #292f33;
  d: path("M18 24.904c-7 0-9-2.618-9-1.381C9 24.762 13 28 18 28s9-3.238 9-4.477c0-1.237-2 1.381-9 1.381M27 15a3 3 0 1 1-6 0a3 3 0 0 1 6 0m-12 0a3 3 0 1 1-6 0a3 3 0 0 1 6 0");
}

.aqfznfb {
  cx: 6px;
  cy: 26px;
  r: 2px;
}

.bkx_pyy {
  cx: 22px;
  cy: 5px;
  r: 2px;
}

.g5q-qcc {
  cx: 32px;
  cy: 19px;
  r: 2px;
}

.h4-pmtt {
  fill: #5b6876;
}

.ho4lh1b {
  cx: 30px;
  cy: 9px;
  r: 1px;
}

.i571lndk {
  fill: #66757f;
  d: path("M36 18c0 9.94-8.06 18-18 18c-9.941 0-18-8.06-18-18C0 8.059 8.059 0 18 0c9.94 0 18 8.059 18 18");
}

.l-elexb {
  cx: 3px;
  cy: 18px;
  r: 1px;
}

.r5fl0lb {
  cx: 24.5px;
  cy: 28.5px;
  r: 3.5px;
}

.u48ttbm {
  cx: 16px;
  cy: 31px;
  r: 1px;
}

.xii8hmb {
  cx: 9.5px;
  cy: 7.5px;
  r: 3.5px;
}
</style><path class="i571lndk"/><g class="h4-pmtt"><circle class="xii8hmb"/><circle class="r5fl0lb"/><circle class="bkx_pyy"/><circle class="l-elexb"/><circle class="ho4lh1b"/><circle class="u48ttbm"/><circle class="g5q-qcc"/><circle class="aqfznfb"/></g><path class="a5qmdsbv"/>`;

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

export default Component;
