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

const viewBox = {"width":24,"height":24};
const content = `<style>.sxgi_2bak {
  fill: currentColor;
  d: path("m4 21l-2-2h20l-2 2zm-1-3q.15-.45.4-.85t.6-.75V9H3V7.5h1v-.75H3v-1.5h1V4.5H3V3h7q.825 0 1.413.588T12 5v.25h9v1.5h-9V7q0 .825-.587 1.413T10 9H8v6.1q.35.05.7.15t.65.3q.65-1.625 2.075-2.587t3.15-.963q2.25 0 3.838 1.538T20 17.3v.7zm8.35-2h6.3q-.425-.9-1.25-1.45T14.575 14q-1.05 0-1.925.525T11.35 16M8 5.25h2V4.5H8zM8 7.5h2v-.75H8zM5.5 5.25h1V4.5h-1zm0 2.25h1v-.75h-1zm0 7.85q.25-.125.488-.187t.512-.113V9h-1zm9 .65");
}
</style><path class="sxgi_2bak"/>`;

/** @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:dinner-dining-outline"} {...others} />);
}

export default Component;
