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

const viewBox = {"width":48,"height":48};
const content = `<style>.d0hwr3b8p {
  width: 17.5px;
  height: 4px;
  x: 15.246px;
  y: 28.748px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

.dy-4ahbhv {
  width: 4px;
  height: 4px;
  x: 21.997px;
  y: 21.998px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

.dylbvfbfe {
  width: 4px;
  height: 4px;
  x: 21.997px;
  y: 15.248px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

.e4jb-07xa {
  width: 4px;
  height: 4px;
  x: 28.747px;
  y: 21.998px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

.emgvribnz {
  width: 4px;
  height: 4px;
  x: 8.496px;
  y: 15.248px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

.hq0tf4j_r {
  width: 4px;
  height: 4px;
  x: 35.496px;
  y: 28.748px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

.iv6rembuo {
  width: 4px;
  height: 4px;
  x: 28.747px;
  y: 15.248px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

.k9ahv8bqe {
  width: 4px;
  height: 4px;
  x: 8.496px;
  y: 28.748px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

.l6x3bquaj {
  width: 4px;
  height: 4px;
  x: 15.246px;
  y: 21.998px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

.lpmoii8ay {
  width: 4px;
  height: 4px;
  x: 35.496px;
  y: 15.248px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

.mqhsan1cs {
  width: 4px;
  height: 4px;
  x: 35.496px;
  y: 21.998px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

.rmag2tu_w {
  width: 4px;
  height: 4px;
  x: 15.246px;
  y: 15.248px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

.ugcetzbtb {
  width: 39px;
  height: 25.5px;
  x: 4.5px;
  y: 11.25px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 4px;
  ry: 4px;
}

.y4qqdo-ta {
  width: 4px;
  height: 4px;
  x: 8.496px;
  y: 21.998px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}
</style><rect class="ugcetzbtb"/><rect class="emgvribnz"/><rect class="rmag2tu_w"/><rect class="dylbvfbfe"/><rect class="iv6rembuo"/><rect class="lpmoii8ay"/><rect class="y4qqdo-ta"/><rect class="l6x3bquaj"/><rect class="dy-4ahbhv"/><rect class="e4jb-07xa"/><rect class="mqhsan1cs"/><rect class="k9ahv8bqe"/><rect class="d0hwr3b8p"/><rect class="hq0tf4j_r"/>`;

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

export default Component;
