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

const viewBox = {"width":48,"height":48};
const content = `<style>.a2efp6bfv {
  cx: 13.782px;
  cy: 29.902px;
  r: 4px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.foug_1ctg {
  cx: 34.226px;
  cy: 18.098px;
  r: 4px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.g42nr465x {
  cx: 24.004px;
  cy: 35.804px;
  r: 4px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mf85wpbvw {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24.004 2.5c-2.001.005-3.992.29-5.914.846a6 6 0 0 1-5.975 5.802a6 6 0 0 1-2.88-.754a21.5 21.5 0 0 0-6.069 10.38a6 6 0 0 1 2.838 5.1A6 6 0 0 1 3.094 29A21.5 21.5 0 0 0 9.07 39.451a6 6 0 0 1 2.82-.73a6 6 0 0 1 5.995 5.873c1.985.595 4.046.9 6.119.906a21.5 21.5 0 0 0 5.914-.846a6 6 0 0 1 5.975-5.803c1.01.003 2.002.26 2.886.749a21.5 21.5 0 0 0 6.067-10.396a6 6 0 0 1-2.84-5.073a6 6 0 0 1 2.9-5.12a21.5 21.5 0 0 0-5.959-10.466a6 6 0 0 1-2.83.735a6 6 0 0 1-5.984-5.887a21.5 21.5 0 0 0-6.13-.893z");
}

.rv2zdbcsc {
  cx: 13.782px;
  cy: 18.098px;
  r: 4px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ujot3taub {
  cx: 24.004px;
  cy: 24px;
  r: 3.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.weg-b9ysy {
  cx: 24.004px;
  cy: 12.196px;
  r: 4px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.zjzyrbbeu {
  cx: 34.226px;
  cy: 29.902px;
  r: 4px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
</style><path class="mf85wpbvw"/><circle class="ujot3taub"/><circle class="weg-b9ysy"/><circle class="foug_1ctg"/><circle class="zjzyrbbeu"/><circle class="g42nr465x"/><circle class="a2efp6bfv"/><circle class="rv2zdbcsc"/>`;

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

export default Component;
