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

const viewBox = {"width":36,"height":36};
const content = `<style>.c6pedcb {
  fill: #fff;
}

.cb7xcyv {
  fill: #269;
  d: path("M32 0H4a4 4 0 0 0-4 4v22h36V4a4 4 0 0 0-4-4");
}

.eahwwvfp {
  d: path("M6.5 7A2.5 2.5 0 0 1 4 4.5c0-1.13.755-2.074 1.784-2.383A3 3 0 0 0 5 2a3 3 0 1 0 0 6c.959 0 1.803-.458 2.353-1.159A2.5 2.5 0 0 1 6.5 7");
}

.exk8vub {
  cx: 31.5px;
  cy: 7.5px;
  r: .5px;
}

.g9895ybu {
  fill: #ffcc4d;
  d: path("M8 31h2v2H8zm0-8h2v2H8zm-2 4h2v2H6zM16 9h2v2h-2zm0 4h2v2h-2zm-2 4h2v2h-2zm10 3h2v2h-2zm-2 4h2v2h-2zm-2 6h2v2h-2zm9-18h2v2h-2zm0 4h2v2h-2z");
}

.h2ys-en {
  fill: #3f484c;
  d: path("M10 36V7l4-4h2l4 4v29zm23-25c0-1-1-1-1-1h-7s-1 0-1 1v25h9z");
}

.l08iyww {
  cx: 26.5px;
  cy: 5.5px;
  r: .5px;
}

.rs562kb {
  cx: 7.5px;
  cy: 11.5px;
  r: .5px;
}

.t1sxlac {
  cx: 22px;
  cy: 5px;
  r: 1px;
}

.w0adc8l {
  cx: 31px;
  cy: 3px;
  r: 1px;
}

.xji5hdr {
  cx: 10.5px;
  cy: 2.5px;
  r: .5px;
}

.yskr4-bt {
  fill: #292f33;
  d: path("M28 19c0-1-1-1-1-1h-8c-1 0-1 1-1 1v17h10zm-17 2H6v-7s0-1-1-1H0v19a4 4 0 0 0 4 4h8V22s0-1-1-1m21 4c-1 0-1 1-1 1v10h1a4 4 0 0 0 4-4v-7z");
}
</style><path class="cb7xcyv"/><path class="h2ys-en"/><path class="yskr4-bt"/><path class="g9895ybu"/><g class="c6pedcb"><circle class="xji5hdr"/><circle class="rs562kb"/><circle class="t1sxlac"/><circle class="l08iyww"/><circle class="w0adc8l"/><circle class="exk8vub"/><path class="eahwwvfp"/></g>`;

/** @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:night-with-stars"} {...others} />);
}

export default Component;
