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

const viewBox = {"width":48,"height":48};
const content = `<style>.zr6rbcbdo {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M29.455 30.588a7.305 7.305 0 0 0 14.045-2.81a7.303 7.303 0 0 0-7.303-7.303a7.23 7.23 0 0 0-5.611 2.63c-1.766 2.153-5.276 6.486-7.058 8.616c-1.384 1.655-4.83 3.36-7.947 3.36C9.46 35.08 4.5 30.12 4.5 24s4.96-11.08 11.08-11.08c4.766 0 8.829 3.008 10.394 7.229");
}
</style><path class="zr6rbcbdo"/>`;

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

export default Component;
