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

const viewBox = {"width":48,"height":48};
const content = `<style>.bfg6q14sr {
  cx: 30.39px;
  cy: 34.74px;
  r: 0.75px;
  fill: currentColor;
}

.dt34l_bpm {
  cx: 27.43px;
  cy: 34.74px;
  r: 0.75px;
  fill: currentColor;
}

.fd4zp09_x {
  cx: 30.39px;
  cy: 37.66px;
  r: 0.75px;
  fill: currentColor;
}

.gzw9ptdev {
  cx: 33.35px;
  cy: 37.66px;
  r: 0.75px;
  fill: currentColor;
}

.j8ykn_v1o {
  cx: 33.35px;
  cy: 34.74px;
  r: 0.75px;
  fill: currentColor;
}

.k6r3xyufw {
  width: 39px;
  height: 33.89px;
  x: 4.5px;
  y: 7.11px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 4px;
}

.rsp6ekf2n {
  cx: 39.27px;
  cy: 34.74px;
  r: 0.75px;
  fill: currentColor;
}

.t611bpbbk {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m39.83 20.47l-1.65 1.4m-29.65-1.3l1.65 1.4m4.38-6.5l1.12 1.85m8.42-4.34v2.16m.36 16.26l9.23-16.2m9.81 12.2a4 4 0 0 1-4 4h-31a4 4 0 0 1-4-4");
}

.w310b8bwh {
  cx: 39.27px;
  cy: 37.66px;
  r: 0.75px;
  fill: currentColor;
}

.y3zeolbww {
  cx: 36.31px;
  cy: 37.66px;
  r: 0.75px;
  fill: currentColor;
}

.yuz2u9l6u {
  cx: 27.43px;
  cy: 37.66px;
  r: 0.75px;
  fill: currentColor;
}

.z7clt26di {
  cx: 36.31px;
  cy: 34.74px;
  r: 0.75px;
  fill: currentColor;
}
</style><path class="t611bpbbk"/><rect class="k6r3xyufw"/><circle class="dt34l_bpm"/><circle class="bfg6q14sr"/><circle class="j8ykn_v1o"/><circle class="z7clt26di"/><circle class="rsp6ekf2n"/><circle class="yuz2u9l6u"/><circle class="fd4zp09_x"/><circle class="gzw9ptdev"/><circle class="y3zeolbww"/><circle class="w310b8bwh"/>`;

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

export default Component;
