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

const viewBox = {"width":48,"height":48};
const content = `<style>.azr0tn6ub {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M33 16.755h6.5c2.2 0 4 1.8 4 4v17.5c0 2.2-1.8 4-4 4h-31c-2.2 0-4-1.8-4-4v-17.5c0-2.2 1.8-4 4-4H15");
}

.ct3oi4bhn {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24.399 8.317c-3.43-.745-3.387 4.126 1.096 2.249c-7.9 2.11-2.13 7.41.984 5.125");
}

.d-43gy3yf {
  width: 4px;
  height: 4px;
  x: 35.496px;
  y: 20.753px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

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

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

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

.knts-8byy {
  width: 4px;
  height: 4px;
  x: 35.496px;
  y: 27.503px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

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

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

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

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

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

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

.uxdj6lepv {
  width: 18px;
  height: 13px;
  x: 14.996px;
  y: 5.745px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 2px;
  ry: 2px;
}

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

.yx0y5ptut {
  width: 4px;
  height: 4px;
  x: 35.496px;
  y: 34.253px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}
</style><path class="azr0tn6ub"/><rect class="hemzqu55d"/><rect class="dddgfmnwe"/><rect class="hm3dztb_x"/><rect class="lzf7g2qmk"/><rect class="d-43gy3yf"/><rect class="v6aan_blg"/><rect class="ova0dofev"/><rect class="uqcgrzi-s"/><rect class="kycb-_b5p"/><rect class="knts-8byy"/><rect class="lu-ardpcj"/><rect class="kr9lv1ybg"/><rect class="yx0y5ptut"/><rect class="uxdj6lepv"/><path class="ct3oi4bhn"/>`;

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

export default Component;
