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

const viewBox = {"width":48,"height":48};
const content = `<style>.u5hmdacwh {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M7.7 24.254C7.7 14.37 15.716 6.1 25.6 6.1S43.5 14.115 43.5 24s-8.014 17.9-17.9 17.9c-5.258 0-9.914-1.915-13.19-5.526");
}

.yyihxfblj {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M33.342 25.147a7.06 7.06 0 0 0-3.862-1.834c-.35-4.503-4.108-8.05-8.702-8.05c-4.562 0-8.302 3.498-8.697 7.958h-.652c-1.837 0-3.6.693-4.9 1.926S4.5 28.055 4.5 29.798s.73 3.417 2.03 4.649c1.298 1.233 3.06 1.926 4.899 1.926h17.013c1.837 0 3.6-.694 4.9-1.926s2.029-2.904 2.029-4.649s-.73-3.417-2.03-4.65Z");
}
</style><path class="u5hmdacwh"/><path class="yyihxfblj"/>`;

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

export default Component;
