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

const viewBox = {"width":24,"height":24};
const content = `<style>.pnztvpbdf {
  fill: currentColor;
  d: path("m10 9.375l-3.2-3.2Q7.75 5.6 8.813 5.3T11 5q.125 0 .25.013t.25.012q-.725.8-1.112 1.825T10 9zm7.825 7.825l-2.2-2.2q.875.05 1.7-.137t1.575-.613q-.125.8-.387 1.538t-.688 1.412M13.8 11L17 2h2l3.2 9h-1.9l-.7-2h-3.2l-.7 2zm3.05-3.35h2.3L18 4zM19.775 22l-1.425 1.425l-3.45-3.45q-.9.5-1.875.763T11 21q-3.35 0-5.675-2.325T3 13q0-1.05.262-2.025T4.025 9.1L.35 5.425L1.775 4z");
}
</style><path class="pnztvpbdf"/>`;

/** @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={"material-symbols:night-sight-auto-off"} {...others} />);
}

export default Component;
