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

const viewBox = {"width":48,"height":48};
const content = `<style>.ap8iwo_xn {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M30.327 9.802c2.685 0 4.861 2.102 4.861 4.703c0 2.59-2.176 4.702-4.861 4.702s-4.862-2.112-4.862-4.702c0-2.6 2.176-4.703 4.862-4.703M14.224 23.177h20.964v5.616H14.224zM4.5 32.954h25.572v5.435H4.5z");
}

.tsm4cwv5i {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24.637 4.813c10.424 0 18.863 8.588 18.863 19.192c0 10.594-8.439 19.182-18.863 19.182c-10.413 0-18.863-8.588-18.863-19.182c0-10.604 8.45-19.192 18.863-19.192");
}
</style><path class="tsm4cwv5i"/><path class="ap8iwo_xn"/>`;

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

export default Component;
