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

const viewBox = {"width":24,"height":24};
const content = `<style>.beeh5v5ry {
  fill: currentColor;
  d: path("M22.635 15.992q-.698 0-1.195-.497t-.498-1.195v-4q0-.72.498-1.206q.497-.486 1.195-.486h.692v7.384zm-9.693-4.726q0 .798-.296 1.531t-.871 1.316l-3.564 3.564l-5.67-5.627l3.563-3.608q.583-.573 1.316-.87t1.532-.297q1.676 0 2.833 1.157t1.157 2.833m4.027 3.623l-.608-.607l1.489-1.489h-3.542v-.884h3.68l-1.596-1.596l.608-.589l2.577 2.558z");
}
</style><path class="beeh5v5ry"/>`;

/** @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-light:nest-cam-magnet-mount-sharp"} {...others} />);
}

export default Component;
