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

const viewBox = {"width":48,"height":48};
const content = `<style>.j3s9ivbxi {
  width: 37px;
  height: 37px;
  x: 5.5px;
  y: 5.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 4px;
  ry: 4px;
}

.r_w6elb_z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M31.689 15.157a1.003 1.003 0 0 0-1.419-.003l-.003.003l-.816.816c-2.855-2.855-8.887-5.05-12.845-3.458c-1.583.637-1.105 1.856.398 1.935c3.77.201 7.35 2.365 9.631 4.34L12.57 32.853a1.837 1.837 0 1 0 2.597 2.597l14.07-14.068c1.843 2.078 3.876 4.477 4.496 7.803c.126.673.27 2.089 1.084 2.186c.465.056.788-.5.933-.956c.93-2.937-.83-9.008-3.7-11.845l.815-.816a1.003 1.003 0 0 0 .003-1.42l-.003-.002z");
}
</style><path class="r_w6elb_z"/><rect class="j3s9ivbxi"/>`;

/** @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:master-for-minecraft-pe"} {...others} />);
}

export default Component;
