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

const viewBox = {"width":24,"height":24};
const content = `<style>.og8i69t3n {
  fill: currentColor;
  d: path("M12.612 20.97q-.153.03-.306.03H12q-1.868 0-3.51-.708t-2.857-1.924t-1.924-2.856T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709t2.859 1.924t1.925 2.857T21 12v.296q0 .148-.03.296L20 12.3V12q0-3.35-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20h.3zm7.144-.181l-4.794-4.814l-.923 2.794L12 12l6.77 2.039l-2.795.923l4.814 4.794z");
}
</style><path class="og8i69t3n"/>`;

/** @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:highlight-mouse-cursor-outline-sharp"} {...others} />);
}

export default Component;
