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

const viewBox = {"width":48,"height":48};
const content = `<style>.d2r3264na {
  fill: none;
  stroke: currentColor;
  stroke-linejoin: round;
  d: path("M38.5 5.5h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4h29a4 4 0 0 0 4-4v-29a4 4 0 0 0-4-4Z");
}

.elj5suo0t {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M30.133 20.123a4.012 4.012 0 1 1 3.768 0m5.319 6.229a2.138 2.138 0 0 1-3.997-1.06v-1.389a2.138 2.138 0 0 1 4.277 0v.696h-4.276");
}

.fa1mh7bob {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M14.381 23.903a2.138 2.138 0 0 1 4.277 0v3.528m10.69-2.138v2.138m-4.276-5.666v3.528a2.138 2.138 0 0 0 4.277 0v-3.528");
}

.nxmgi8mqy {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M32.017 18.88v7.483c0 .591.478 1.07 1.07 1.07h.32m-24.773-.479c.39.327.812.479 1.759.479h.48a1.416 1.416 0 0 0 0-2.834h-.959c-.781 0-1.414-.634-1.414-1.417s.633-1.417 1.414-1.417h.48c.947 0 1.368.15 1.759.479m6.504 1.659a2.138 2.138 0 0 1 4.277 0v3.528m-8.553-5.666v5.666");
}

.xdooe009l {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M30.532 17.826a1.94 1.94 0 1 1 2.97 0");
}
</style><path class="xdooe009l"/><path class="elj5suo0t"/><path class="nxmgi8mqy"/><path class="fa1mh7bob"/><path class="d2r3264na"/>`;

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

export default Component;
