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

const viewBox = {"width":48,"height":48};
const content = `<style>.a897kkt6u {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M7.902 23.214c3.557 2.103 8.977 2.121 14.044-.352c4.947-2.409 8.235-6.54 8.893-10.552m5.097 3.961c1.43 12.805-11.578 28.455-26.312 19.241");
}

.k--pimujz {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M40.167 27.253c0 9.05-7.336 16.387-16.387 16.387S7.393 36.303 7.393 27.253c0-2.566.592-5.003 1.649-7.161c0-.01.009-.028.009-.037c1.176-3.539 8.986-13.6 19.009-15.415c-.482 2.39-2.196 4.752 4.206 8.597c4.733 2.88 7.902 8.078 7.902 14.016");
}
</style><path class="k--pimujz"/><path class="a897kkt6u"/>`;

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

export default Component;
