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

const viewBox = {"width":48,"height":48};
const content = `<style>.bjbwqwbvk {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M23.999 24a35 35 0 0 1 3.124-7.348a35 35 0 0 1 5.45-7.24a33 33 0 0 1 3.551-3.163M16.515 3.845a29.2 29.2 0 0 0-9.44 20.037m9.002 1.09v-.01c.828-9.342 6.14-17.214 13.624-21.69");
}

.cpk0fnbgt {
  cx: 24px;
  cy: 24px;
  r: 21.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.giml383pb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M23.999 24a35.2 35.2 0 0 1 4.797 6.373a34.7 34.7 0 0 1 3.552 8.34a34 34 0 0 1 .973 4.661");
}

.o17egmm0b {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M23.999 24a34.7 34.7 0 0 1-7.922.962a35 35 0 0 1-9.001-1.08a34.5 34.5 0 0 1-4.506-1.498m29.788 16.329h-.01c-7.104 3.62-14.986 4.058-22.041 1.859M3.193 29.43c7.62 4.242 17.098 4.904 25.603.943");
}

.onhqrfhwn {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M23.999 24a35.2 35.2 0 0 1 4.797 6.373a34.7 34.7 0 0 1 3.552 8.34a34 34 0 0 1 .973 4.661m-.759-33.972s.01 0 .01.01A29.26 29.26 0 0 1 45.194 27.58m-6.092 11.707c-.136-8.72-4.301-17.254-11.98-22.635");
}
</style><circle class="cpk0fnbgt"/><path class="bjbwqwbvk"/><path class="o17egmm0b"/><path class="onhqrfhwn"/><path class="giml383pb"/>`;

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

export default Component;
