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

const viewBox = {"width":48,"height":48};
const content = `<style>.wdc4etbqs {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M13.592 31.548C16.31 28.98 19.963 27.4 24 27.4s7.69 1.579 10.408 4.147a15.05 15.05 0 0 0 4.696-10.944C39.104 12.256 32.334 5.5 24 5.5S8.896 12.256 8.896 20.604a15.05 15.05 0 0 0 4.696 10.944m4.21 4.535c1.586-1.587 3.775-2.57 6.198-2.57s4.612.983 6.198 2.57M24 42.5l1.873-1.873c-.48-.48-1.141-.776-1.873-.776s-1.394.297-1.873.776z");
}
</style><path class="wdc4etbqs"/>`;

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

export default Component;
