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

const viewBox = {"width":48,"height":48};
const content = `<style>.diro2tb6d {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M42.421 15.776c.356 2.265-.5 4.791-2.28 7.243m-2.76 3.071c-2.292 2.12-5.246 4.06-8.648 5.569c-8.481 3.763-17.308 3.792-21.224.068m-1.927-3.504c-.491-3.043 1.212-6.552 4.411-9.723m18.882-8.836c4.93-.556 9.236.305 11.659 2.59");
}

.f9urjj5qn {
  cx: 6.5px;
  cy: 30px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.l7hjqq_9l {
  cx: 41.5px;
  cy: 14px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.lf9ah5flt {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M12.001 38.501v-2.424m0-4.15V9.5h9.882c5.587 0 10.116 4.36 10.116 9.74s-4.529 9.738-10.116 9.738H12m9.887.004l2.32 2.233m3.244 3.121l4.322 4.158m9.511-6.536a4.52 4.52 0 0 1-3.205 3.146c-2.4.643-4.854-.729-5.48-3.064m-.868-4.204c.149-1.81 1.446-3.428 3.346-3.937c2.4-.643 4.854.728 5.48 3.064l.367 1.374l-4.624 1.239");
}
</style><path class="diro2tb6d"/><path class="lf9ah5flt"/><circle class="f9urjj5qn"/><circle class="l7hjqq_9l"/>`;

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

export default Component;
