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

const viewBox = {"width":48,"height":48};
const content = `<style>.c_ibi10vb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M17.392 33.005v-.873a14.7 14.7 0 0 0 3.51-2.77v2.575a10.7 10.7 0 0 1-3.51 1.068m4.983-1.943a17 17 0 0 0 2.084-1.724v-4.334a42 42 0 0 1-2.084 2.732Zm-6.603 2.079c-.836.053-1.624.067-2.605.067a7.7 7.7 0 0 0 2.605-.464Zm-2.605.067H11m-1.842 0H4.5m35.75-16.791l-1.083-3.792m-9.75 3.792l-1.084-3.792l-2.97 7.104m.804-7.104h15.166");
}

.e8gt8ddgu {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M29.417 16.417c-4.332-.018-8.129 14.625-17.334 14.625H4.5v4.333h23.833");
}

.ipw_mtbmj {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M39.708 25.625v-5.417h-9.75v5.417Z");
}

.m3bbhbpio {
  cx: 30.717px;
  cy: 30.283px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 1.842px;
  ry: 1.408px;
}

.t18iyqb2g {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M29.417 16.417H40.25c2.262 0 3.25 3.696 3.25 5.958v8.667c0 1.615-.552 4.333-2.167 4.333h-13c-1.615 0-2.166-2.718-2.166-4.333v-8.667c0-2.262.987-5.958 3.25-5.958");
}

.xcrq9jb_p {
  cx: 38.95px;
  cy: 30.283px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 1.842px;
  ry: 1.408px;
}
</style><ellipse class="xcrq9jb_p"/><ellipse class="m3bbhbpio"/><path class="ipw_mtbmj"/><path class="t18iyqb2g"/><path class="e8gt8ddgu"/><path class="c_ibi10vb"/>`;

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

export default Component;
