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

const viewBox = {"width":24,"height":24};
const content = `<style>.bcbo4sb-r {
  fill: currentColor;
  d: path("m4.298 20.308l-.707-.708L13.725 9.465q-.508-1.203-.221-2.365q.287-1.161 1.29-2.154q.979-.979 2.45-1.358t2.458.608t.608 2.458t-1.358 2.45q-.992 1.004-2.154 1.29t-2.365-.221L12.606 12l7.6 7.6l-.708.708l-7.6-7.55zm3.066-8.435l-2.77-2.77Q3.475 7.986 3.388 6.457t.899-2.764L9.91 9.327z");
}
</style><path class="bcbo4sb-r"/>`;

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

export default Component;
