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

const viewBox = {"width":36,"height":36};
const content = `<style>.igf25qd {
  cx: 5.75px;
  cy: 19.5px;
  r: 1.5px;
  fill: #c1694f;
}

.s57ux7t {
  cx: 30.25px;
  cy: 26px;
  r: 1px;
  fill: #c1694f;
}

.sa3s45b {
  cx: 14.75px;
  cy: 25.5px;
  r: 1.5px;
  fill: #c1694f;
}

.u8neytbc {
  fill: #c1694f;
  d: path("M17.71 14.822c1.827-1.737 3.628-2.498 5.649-2.838l-.109.015c0-.858-.204-1.597-.534-2.28c-2.074.772-4.288 2.281-5.006 5.103");
}

.x91x2v3q {
  fill: #d99e82;
  d: path("M.25 13c0-7.158 10-15 18-8c2.714 2.375 5 4 5 7c12-2 13.703 8.892 12 14c-1 3-5.868 11.059-24 3c-9-4-11-11.616-11-16");
}

.z4hubcz {
  cx: 10.25px;
  cy: 16px;
  r: 1px;
  fill: #c1694f;
}
</style><path class="x91x2v3q"/><path class="u8neytbc"/><circle class="z4hubcz"/><circle class="s57ux7t"/><circle class="sa3s45b"/><circle class="igf25qd"/>`;

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

export default Component;
