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

const viewBox = {"width":48,"height":48};
const content = `<style>.d7c2q4bqk {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M9.026 16.713c-7.716 12.27-3.88 17.813-.812 20.449c3.072 2.699 13.36 4.48 17.813 4.608c4.48.128 14.178.23 16.723-3.8");
}

.l2o07248n {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M9.026 16.713c7.716-12.27 14.36-11.178 18.086-9.543s9.815 10.088 11.814 14.087c2.045 3.99 6.335 12.723 3.79 16.722");
}

.mgc1ffh0b {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M15.406 9.17c-4.663 4.726-4.108 9.034-3.154 11.815c1.309 3.871 9.361 10.542 13.178 12.905c3.817 2.354 12.178 7.307 16.359 5.09");
}

.xxy2rbbtd {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M11.189 13.532c-5.907 7.434-3.98 12.451-2.063 15.269C11.389 32.2 20.85 36.58 25.12 37.87c4.29 1.28 13.633 3.898 17.177.667");
}
</style><path class="d7c2q4bqk"/><path class="l2o07248n"/><path class="xxy2rbbtd"/><path class="mgc1ffh0b"/>`;

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

export default Component;
