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

const viewBox = {"width":48,"height":48};
const content = `<style>.gw976hmlt {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m24 23.42l-1.462 8.008l-2.532-7.589l-1.784 7.121l-2.481-4.481M24 23.42l1.462 8.008l2.532-7.589l1.784 7.121l2.481-4.481m.76 7.452l-1.525-2.139l-.733 5.118l-2.855-5.014l-1.016 6.402l-2.89-5.83l-2.89 5.83l-1.016-6.402l-2.855 5.014l-.733-5.118l-1.525 2.139");
}

.lv3ef6bxf {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M38.463 18.963C38.463 35.543 31.988 43.5 24 43.5S9.537 35.543 9.537 18.963C9.537 10.975 16.012 4.5 24 4.5s14.463 6.475 14.463 14.463");
}

.vb4i74bcg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M33.458 30.96c0-4.164-1.979-7.54-9.458-7.54s-9.458 3.376-9.458 7.54S16.521 38.5 24 38.5s9.458-3.376 9.458-7.54");
}
</style><path class="lv3ef6bxf"/><path class="vb4i74bcg"/><path class="gw976hmlt"/>`;

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

export default Component;
