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

const viewBox = {"width":24,"height":24};
const content = `<style>.itcyg9b2r {
  fill: currentColor;
  d: path("M21.104 22.53L19.573 21H17v-1h1.716v.142L3.822 5.25H4V7H3V4.427l-1.12-1.12l.714-.713l19.223 19.223zM21 18.19l-1-1V17h1zM6.811 4l-1-1H7v1zM3 21v-4h1v3h3v1zM20 7V4h-3V3h4v4zm-1.5 8.689l-4.321-4.322L17.5 9.481v-.606l-.512-.292l-3.548 2.046l-4.394-4.394L12 4.526l6.5 3.756zm-6.5 3.9l-6.5-3.756v-7.55l1.766-1.018l3.453 3.454l-3.707-2.136l-.512.292v.606l5 2.844v5.83l.5.287l.5-.286V12.5l4.312 4.312z");
}
</style><path class="itcyg9b2r"/>`;

/** @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:view-in-ar-off-sharp"} {...others} />);
}

export default Component;
