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

const viewBox = {"width":24,"height":24};
const content = `<style>.eb8guguvo {
  fill: currentColor;
  d: path("M20.5 13q-.625 0-1.062-.437T19 11.5v-6q0-.625.438-1.062T20.5 4t1.063.438T22 5.5v6q0 .625-.437 1.063T20.5 13M8.2 21q-.45 0-.912-.162T6.55 20.4L2 15.625l.825-.85q.175-.175.413-.25t.512-.025l3.25.75V4.5q0-.625.438-1.062T8.5 3t1.063.438T10 4.5v6h.9q.2 0 .45.05t.45.15l4.1 2.05q.575.275.875.863t.2 1.212l-.625 4.45q-.125.75-.675 1.238t-1.3.487z");
}
</style><path class="eb8guguvo"/>`;

/** @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:nest-wake-on-press"} {...others} />);
}

export default Component;
