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

const viewBox = {"width":48,"height":48};
const content = `<style>.vg6m_thxm {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M40.465 7.526c-3.182-3.153-9.54-2.592-16.474 1.454C17.057 4.934 10.7 4.373 7.517 7.526C4.364 10.708 4.925 17.066 8.971 24c-4.046 6.934-4.607 13.292-1.454 16.474c3.182 3.153 9.54 2.592 16.474-1.454c6.935 4.046 13.292 4.607 16.474 1.454c3.17-3.173 2.62-9.532-1.426-16.474c4.045-6.942 4.596-13.301 1.426-16.474");
}
</style><path class="vg6m_thxm"/>`;

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

export default Component;
