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

const viewBox = {"width":48,"height":48};
const content = `<style>.a-dgcnzvv {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M25.805 30.355v2.37a.42.42 0 0 1-.42.421H22.86a.42.42 0 0 1-.42-.42v-2.37");
}

.f7zw9_bwd {
  width: 3.366px;
  height: 3.366px;
  x: 34.144px;
  y: 29.78px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.421px;
}

.j7gzitrby {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M18.276 27.163h-1.27a.42.42 0 0 1-.42-.421v-.875m15.072 0v.875a.42.42 0 0 1-.421.42h-1.269");
}

.lsl3tnbme {
  width: 3.366px;
  height: 3.366px;
  x: 28.291px;
  y: 29.78px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.421px;
}

.lzz0w1byn {
  width: 3.366px;
  height: 3.366px;
  x: 34.144px;
  y: 23.797px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.421px;
}

.mdiolpbsn {
  width: 3.366px;
  height: 3.366px;
  x: 16.586px;
  y: 29.78px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.421px;
}

.p2ug2jbiv {
  width: 3.366px;
  height: 3.366px;
  x: 10.733px;
  y: 29.78px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.421px;
}

.r6z3kvj4j {
  width: 3.366px;
  height: 3.366px;
  x: 10.733px;
  y: 23.797px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.421px;
}

.sc2_y91fj {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m34.253 23.878l-10.131 7.768l-10.13-7.768a2.1 2.1 0 0 1-.824-1.67V7.183A1.683 1.683 0 0 1 14.85 5.5h18.542a1.683 1.683 0 0 1 1.683 1.683v15.025a2.1 2.1 0 0 1-.824 1.67");
}

.uwxradcgn {
  width: 20.044px;
  height: 3.327px;
  x: 14.1px;
  y: 35.763px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.421px;
}

.xqgql63sr {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M13.168 18.573H7.64a2.08 2.08 0 0 0-2.078 2.078v19.771A2.08 2.08 0 0 0 7.64 42.5h32.72a2.08 2.08 0 0 0 2.078-2.078V20.651a2.08 2.08 0 0 0-2.078-2.078h-5.284");
}

.zqdgq68-z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M28.47 14.347a4.353 4.353 0 0 0-4.582-4.352a4.52 4.52 0 0 0-4.115 4.599v4.038a4.353 4.353 0 0 0 4.349 4.357h0a4.353 4.353 0 0 0 4.348-4.357h-4.348");
}
</style><path class="xqgql63sr"/><rect class="uwxradcgn"/><rect class="p2ug2jbiv"/><rect class="mdiolpbsn"/><path class="a-dgcnzvv"/><rect class="lsl3tnbme"/><rect class="f7zw9_bwd"/><rect class="r6z3kvj4j"/><path class="j7gzitrby"/><rect class="lzz0w1byn"/><path class="sc2_y91fj"/><path class="zqdgq68-z"/>`;

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

export default Component;
