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

const viewBox = {"width":48,"height":48};
const content = `<style>.dg92ikb4n {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M16.795 14.732a13.17 13.17 0 0 0-5.97 10.698M24 10.53V8.27m.94 26.28c5.198-.063 5.864-.28 15.475-2.72c.605-.153 1.054.157 1.186.509c.135.36.08.998-.741 1.211c-1.62.42-11.72 5.08-14.02 5.08s-9-.5-11.52-.5s-5.46 1.6-5.46 1.6c-2.02-1.88-3.3-5-3.64-8.38h24.96c1.03 0 1.36 1.44.48 1.84c-1.305.593-3.52 1.36-6.72 1.36");
}

.mge4mpmcw {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M4.5 27.83h39m-2.2 0c0-9.554-7.745-17.3-17.3-17.3S6.7 18.276 6.7 27.83");
}
</style><path class="mge4mpmcw"/><path class="dg92ikb4n"/>`;

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

export default Component;
