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

const viewBox = {"width":48,"height":48};
const content = `<style>.d8l-p-zqh {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M21.765 26.628c0 1.302-1.695 4.543-4.543 4.543s-6.263-2.554-6.263-5.452c0-2.161 2.014-2.48 3.045-2.48c.492 0 7.761.294 7.761 3.389");
}

.ix9ookbxi {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M26.235 26.628c0 1.302 1.695 4.543 4.543 4.543s6.263-2.554 6.263-5.452c0-2.161-2.014-2.48-3.045-2.48c-.492 0-7.761.294-7.761 3.389");
}

.y0zwpfrlc {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 43.5c-6.09 0-13.209-5.896-13.532-6.46C6.12 29.478 5.63 7.35 5.63 7.35L8.582 4.5A113 113 0 0 0 24 5.974A113 113 0 0 0 39.418 4.5l2.952 2.849s-.491 22.128-4.838 29.692C37.209 37.604 30.09 43.5 24 43.5");
}
</style><path class="ix9ookbxi"/><path class="y0zwpfrlc"/><path class="d8l-p-zqh"/>`;

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

export default Component;
