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

const viewBox = {"width":24,"height":24};
const content = `<style>.cbiknxbnv {
  fill: currentColor;
  d: path("M10 19.27v-1.886q0-.269-.173-.442t-.442-.173H3.5v-1h5.885q.666 0 1.14.475t.475 1.14v1.885zm3 0v-1.886q0-.666.475-1.14t1.14-.475H20.5v1h-5.884q-.27 0-.443.173t-.173.442v1.885zM6.5 14q-1.042 0-1.77-.73Q4 12.543 4 11.5V8.692h16V11.5q0 1.042-.73 1.77q-.728.73-1.77.73zM4 6.923v-1h5.5V5.5q0-.343.23-.575t.587-.233h3.366q.358 0 .587.233t.23.575v.423H20v1z");
}
</style><path class="cbiknxbnv"/>`;

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

export default Component;
