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

const viewBox = {"width":48,"height":48};
const content = `<style>.c4b24vbkk {
  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;
  ry: 0.421px;
}

.fcniw0mfp {
  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;
  ry: 0.421px;
}

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

.iaa_cdm5r {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M13.168 18.573H7.64c-1.148 0-2.078.93-2.078 2.078v19.771c0 1.148.93 2.078 2.078 2.078h32.72c1.148 0 2.078-.93 2.078-2.078V20.651c0-1.148-.93-2.078-2.078-2.078h-5.284");
}

.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");
}

.p8fse9b_z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M22.01 15.963c0-.874.721-1.582 1.61-1.582m-1.609 0v4.192m4.229-5.497v4.706c0 .437.36.79.805.79h.241m-1.891-4.191h1.69m4.731 3.393c-.278.477-.8.799-1.4.799c-.889 0-1.61-.709-1.61-1.582v-1.028c0-.874.722-1.582 1.61-1.582s1.61.708 1.61 1.582v.514h-3.22m-9.271 0h-2.853m-.709 2.096l2.134-6.327l2.133 6.327");
}

.pfzzoabnd {
  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.183c0-.93.753-1.683 1.683-1.683h18.542c.93 0 1.683.754 1.683 1.683h0v15.025c0 .654-.304 1.271-.824 1.67");
}

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

.r265w2izx {
  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-.42h0v-2.37");
}

.tkwqppmim {
  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;
  ry: 0.421px;
}

.tz3brfbuo {
  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;
  ry: 0.421px;
}

.xt0hmbweo {
  width: 3.366px;
  height: 3.366px;
  x: 28.292px;
  y: 29.78px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.421px;
  ry: 0.421px;
}
</style><path class="iaa_cdm5r"/><rect class="c4b24vbkk"/><rect class="fcniw0mfp"/><rect class="tkwqppmim"/><path class="r265w2izx"/><rect class="xt0hmbweo"/><rect class="tz3brfbuo"/><rect class="hazzecc_n"/><path class="j7gzitrby"/><rect class="qkij2yb3f"/><path class="pfzzoabnd"/><path class="p8fse9b_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:arte-japanese-input"} {...others} />);
}

export default Component;
