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

const viewBox = {"width":48,"height":48};
const content = `<style>.ly0q9tb4l {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m32.248 24.444l-8.613 6.925l.807-15.17l-8.614 6.925");
}

.zj8jwdl1e {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 7.391c-3.625.005-7.168.966-10.19 2.764a4.16 4.16 0 0 0-3.387-1.747a4.17 4.17 0 0 0-4.166 4.17a4.17 4.17 0 0 0 1.665 3.29C6.35 18.347 5.516 21.148 5.5 24c0 9.172 8.282 16.608 18.5 16.609c10.218 0 18.5-7.437 18.5-16.609c-.002-2.848-.819-5.647-2.374-8.13a4.168 4.168 0 0 0-2.55-7.462a4.17 4.17 0 0 0-3.354 1.755C31.192 8.357 27.637 7.393 24 7.39");
}
</style><path class="zj8jwdl1e"/><path class="ly0q9tb4l"/>`;

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

export default Component;
