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

const viewBox = {"width":64,"height":64};
const content = `<style>.lfob9va {
  fill: #947151;
  d: path("M33.3 16.3h-2.6c0-4.3 2.4-11.6 12-11.6v2.6c-8.7 0-9.4 8.2-9.4 9");
}

.q2c1xtbm {
  fill: #8cc63e;
  d: path("M32 15.8C24.7 8.4 3 8.1 3 29.3C3 42.7 18.8 62 25.7 62c3.1 0 4.2-2 6.1-2c1.8 0 2.4 1.9 6.4 1.9C45.1 62 61 42.8 61 29.3C61 8.1 39.3 8.4 32 15.8");
}

.th33csdy {
  fill: #64892f;
  d: path("M31.4 4.9c1.1 2.5-.5 10.9-.5 10.9s-7.5-4.4-8.6-6.9s0-5.4 2.5-6.5s5.5 0 6.6 2.5");
}
</style><path class="th33csdy"/><path class="lfob9va"/><path class="q2c1xtbm"/>`;

/** @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={"emojione:green-apple"} {...others} />);
}

export default Component;
