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

const viewBox = {"width":48,"height":48};
const content = `<style>.v1ern0qfc {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M17.745 18.507c0-1.727.7-3.29 1.832-4.423s2.696-1.832 4.423-1.832c3.455 0 6.255 2.8 6.255 6.255c0 1.727-.583 3.421-1.832 4.423c-1.294 1.039-4.445 2.74-4.445 5.386");
}

.xabp9nbft {
  cx: 24px;
  cy: 34.998px;
  r: 0.75px;
  fill: currentColor;
}

.ymryw2_yo {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M40.21 41.78c-.7-.988-.592-2.095.016-2.932C43.504 35.074 45.5 30.16 45.5 24.77c0-11.874-9.626-21.5-21.5-21.5S2.5 12.896 2.5 24.77s9.626 21.5 21.5 21.5c4.211 0 8.128-1.229 11.444-3.321c1.468.7 4.1 1.501 7.82.883c-1.515-.445-2.57-1.372-3.053-2.052");
}
</style><path class="ymryw2_yo"/><circle class="xabp9nbft"/><path class="v1ern0qfc"/>`;

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

export default Component;
