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

const viewBox = {"width":48,"height":48};
const content = `<style>.kur09x1jt {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M11.59 35.11c9.75.867 11.453 7.056 11.453 7.056M36.45 19.235c-5.962 3.064-7.467 10.036-6.046 15.546M21.735 7.704l.275 3.042m2.508-3.35l.226 2.864m2.735-3.074l.291 2.33m2.556-2.233l.292 1.942m2.56-1.796l.239 1.399");
}

.zi3fm5ucp {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M18.644 5.989L34.695 4.5s3.948 17.863 0 23.947s-13.009 20.84-20.905 12.621s7.637-18.834 7.443-19.999s-2.589-15.08-2.589-15.08");
}
</style><path class="zi3fm5ucp"/><path class="kur09x1jt"/>`;

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

export default Component;
