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

const viewBox = {"width":48,"height":48};
const content = `<style>.kdeml0bcn {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M30.912 31.901v-2.21c-3.785-.204-4.438-1.606-4.493-3.701V6.761c3.47.354 6.894.26 6.894 7.488h1.799V4.5H12.91v9.75h1.799c0-7.108 3.423-7.135 6.893-7.488V25.99c-.055 2.095-.707 3.496-4.493 3.7v2.211zM12.91 34.943V43.5h4.278m3.161-8.557V43.5m10.483-4.279h2.789M35.11 43.5h-4.278v-8.557h4.278m-11.612 4.278h2.781M23.498 43.5v-8.557h4.279");
}

.tr6hs4bwc {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M35.11 17.036h-5.471v5.471h5.471zm-22.22 0h5.469v5.47l-.001.001h-5.47v-5.47z");
}
</style><path class="tr6hs4bwc"/><path class="kdeml0bcn"/>`;

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

export default Component;
