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

const viewBox = {"width":24,"height":24};
const content = `<style>.oas_izbty {
  fill: currentColor;
  d: path("M11.256 17.192q-1.56 0-2.658-1.098t-1.079-2.652q-2.269.006-3.894-1.487T2 8.25q0-.587.418-1.005t1.005-.418h4.289V5H5.616V4h5.173v1H8.712v1.827h3.405q.323 0 .616.12t.515.34l7.894 7.798q.858.855.858 2.037t-.858 2.04t-2.053.857t-2.062-.857l-1.989-1.97zm-.025-3.75H8.514q-.02 1.152.78 1.951t1.956.8h2.789z");
}
</style><path class="oas_izbty"/>`;

/** @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:handheld-controller"} {...others} />);
}

export default Component;
