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

const viewBox = {"width":48,"height":48};
const content = `<style>.z0bbihbxw {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M9.381 35.731H6.755c-.695 0-1.255-.56-1.255-1.254V7.259c0-.695.56-1.255 1.255-1.255h34.49c.695 0 1.255.56 1.255 1.255v27.218c0 .695-.56 1.254-1.255 1.254H18.273c-.886 0-1.058.147-1.596.629l-5.867 5.252c-.651.583-1.408.51-1.324-.275l.52-4.858c.037-.355-.136-.748-.625-.748");
}

.zw-s8n8au {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M11.738 15.095L24 23.86l12.262-8.765");
}
</style><path class="z0bbihbxw"/><path class="zw-s8n8au"/>`;

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

export default Component;
