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

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

.dffx4735e {
  cx: 29.715px;
  cy: 11.054px;
  r: 0.75px;
  fill: currentColor;
}

.f97t2ig9v {
  cx: 33.554px;
  cy: 13.671px;
  r: 0.75px;
  fill: currentColor;
}

.ixtpdtb4e {
  cx: 22.037px;
  cy: 11.054px;
  r: 0.75px;
  fill: currentColor;
}

.kdkrhof1y {
  cx: 37.393px;
  cy: 13.671px;
  r: 0.75px;
  fill: currentColor;
}

.kp3yho3wf {
  cx: 33.554px;
  cy: 11.054px;
  r: 0.75px;
  fill: currentColor;
}

.ne04g7dwk {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M31.198 26.707c-.087 1.396 0 3.228.61 4.45C34.514 36.652 43.5 34.82 43.5 23.565m-31.497-2.268l2.443-.872M4.5 23.828l4.188-1.396m9.51-14.658h23.034v12.564H18.198zm5.235 9.282h12.825");
}

.ohu8l_nln {
  cx: 29.715px;
  cy: 13.671px;
  r: 0.75px;
  fill: currentColor;
}

.q8a6lsb1f {
  cx: 25.876px;
  cy: 13.671px;
  r: 0.75px;
  fill: currentColor;
}

.t9c7g9qfv {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M18.896 30.022c-.087 1.396 0 3.054.61 4.275c2.705 5.497 11.692 3.665 11.692-7.59");
}

.vpxrddc-o {
  cx: 25.876px;
  cy: 11.054px;
  r: 0.75px;
  fill: currentColor;
}

.wc6101s7t {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M10.171 13.794L6.768 33.599c-.261 1.396-.087 2.792.524 4.014c2.705 5.584 11.691 3.752 11.604-7.59");
}

.wvzvmjinr {
  cx: 22.037px;
  cy: 13.671px;
  r: 0.75px;
  fill: currentColor;
}
</style><path class="wc6101s7t"/><path class="t9c7g9qfv"/><path class="ne04g7dwk"/><circle class="ixtpdtb4e"/><circle class="vpxrddc-o"/><circle class="dffx4735e"/><circle class="kp3yho3wf"/><circle class="c7id4zsut"/><circle class="wvzvmjinr"/><circle class="q8a6lsb1f"/><circle class="ohu8l_nln"/><circle class="f97t2ig9v"/><circle class="kdkrhof1y"/>`;

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

export default Component;
