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

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

.dbgryybfr {
  cx: 26.436px;
  cy: 28.22px;
  r: 0.75px;
  fill: currentColor;
}

.e2l9ogmqg {
  cx: 21.564px;
  cy: 19.78px;
  r: 0.75px;
  fill: currentColor;
}

.eqwuh6bew {
  cx: 17.16px;
  cy: 12.153px;
  r: 4.334px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.i6rg3sbxk {
  cx: 26.436px;
  cy: 19.78px;
  r: 0.75px;
  fill: currentColor;
}

.ine72ubjl {
  cx: 28.873px;
  cy: 24px;
  r: 0.75px;
  fill: currentColor;
}

.jrxcndbrr {
  cx: 19.127px;
  cy: 24px;
  r: 0.75px;
  fill: currentColor;
}

.k995v5bsq {
  cx: 37.68px;
  cy: 24px;
  r: 4.334px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ouvoukbjr {
  cx: 30.84px;
  cy: 12.153px;
  r: 4.334px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.rqo2wegai {
  cx: 21.564px;
  cy: 28.22px;
  r: 0.75px;
  fill: currentColor;
}

.t94_wlqyh {
  cx: 30.84px;
  cy: 35.847px;
  r: 4.334px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

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

.vvliw5biv {
  cx: 10.32px;
  cy: 24px;
  r: 4.334px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.y2c17mb_y {
  cx: 17.16px;
  cy: 35.847px;
  r: 4.334px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
</style><circle class="cpk0fnbgt"/><circle class="k995v5bsq"/><circle class="vvliw5biv"/><circle class="y2c17mb_y"/><circle class="ouvoukbjr"/><circle class="t94_wlqyh"/><circle class="eqwuh6bew"/><circle class="upvkaccnd"/><circle class="ine72ubjl"/><circle class="jrxcndbrr"/><circle class="rqo2wegai"/><circle class="i6rg3sbxk"/><circle class="dbgryybfr"/><circle class="e2l9ogmqg"/>`;

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

export default Component;
