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

const viewBox = {"width":48,"height":48};
const content = `<style>.ac8n--bkk {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M11.197 24.31c6.821 10.358 15.547 4.372 19.948-.865");
}

.ux56g-ner {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M22.791 16.676c4.187-8.723 14.73-4.48 12.46 4.033c12.405-4.342 9.047 13.645 1.511 8.353c3.331 9.063-8.08 8.363-9.65 3.745c-2.064 3.336-6.675 5.08-8.713-1.584");
}

.vts-j53cm {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M4.5 18.62c13.344-4.169 12.556 13.292 25.925 2.232");
}

.wqjawzbnr {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M17.894 14.948c1.67 2.572 4.443 5.228 10.874 3.169");
}
</style><path class="ux56g-ner"/><path class="ac8n--bkk"/><path class="vts-j53cm"/><path class="wqjawzbnr"/>`;

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

export default Component;
