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

const viewBox = {"width":48,"height":48};
const content = `<style>.ew_b_dbyq {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M32.414 9.497c.91-.951 5.622-2.409 6.178-4.158");
}

.upvxqwbqs {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M30.591 7.717C29.686.64 9.35 7.279 7.445 12.363c-3.913 7.843-4.065 19.23.38 26.34c-.145 2.423 1.256 1.908 3.387 2.215c8.737 3.875 23.115 3.992 27.817-5.92c5.298-2.666 4.83-12.766 3.867-17.815c-.375-7.248-9.564-8.734-13.095-3.636c.241 1.298-1.294 5.155-2.67 4.985c-.233-.586 1.394-3.823.566-4.763c-.358-2.363 3.39-3.365 2.894-6.052");
}

.x4ipa8v4k {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M33.668 8.627c1.2-.608 3.96-.948 4.857.105");
}
</style><path class="upvxqwbqs"/><path class="ew_b_dbyq"/><path class="x4ipa8v4k"/>`;

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

export default Component;
