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

const viewBox = {"width":64,"height":64};
const content = `<style>.asvv3gx {
  cx: 43.4px;
  cy: 37.9px;
  rx: 7px;
  ry: 7.4px;
}

.bv5i43p {
  cx: 32px;
  cy: 44.7px;
  rx: 8.3px;
  ry: 8.7px;
}

.czyrszm {
  fill: #6f43a3;
}

.d6bpk5tm {
  fill: #8cc63e;
  d: path("M38.8 22.1c5.8-4.7-.8-18.4-.8-18.4s-.6 2.6-2 5.8C30.8 4.6 22.6 2 22.6 2s4.4 6.7 5.5 14.9c-3.5 0-6.2-.9-6.2-.9s9.2 12.4 16.9 6.1m9.5 18.5c-5.5 5.1-3 14.6-3 14.6s1-2.2 2.8-5.1c3 2.8 8.9 3.1 8.9 3.1s-2.1-4.4-1.3-10.8c2.7-.7 4.6-.6 4.6-.6s-4.7-8-12-1.2");
}

.encu1fb {
  fill: #843dc9;
}

.hiu5d8b {
  cx: 25.3px;
  cy: 26px;
  rx: 6.1px;
  ry: 6.4px;
}

.iis-s1x {
  cx: 53.3px;
  cy: 32.1px;
  rx: 8.7px;
  ry: 9.1px;
}

.jdjuzub {
  cx: 19.2px;
  cy: 39.8px;
  fill: #843dc9;
  rx: 8.9px;
  ry: 9.3px;
}

.kjhg0_b {
  cx: 44.7px;
  cy: 23px;
  rx: 6.6px;
  ry: 6.9px;
}

.ljp2m4x {
  cx: 42.8px;
  cy: 48.5px;
  rx: 4.7px;
  ry: 4.9px;
}

.m6nxxdj {
  fill: #ab7dcc;
}

.or4sc7b {
  cx: 35.4px;
  cy: 27.8px;
  fill: #ab7dcc;
  rx: 8px;
  ry: 8.4px;
}

.ptykpsbu {
  fill: none;
  stroke: #9fc427;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  d: path("M15.1 49.8c6.8-4.5 33.7-16.5 38.7-34.7");
}

.s3kq-5v {
  cx: 22px;
  cy: 51.7px;
  fill: #6f43a3;
  rx: 6.1px;
  ry: 6.4px;
}

.ts85dkb {
  cx: 29.4px;
  cy: 36.3px;
  rx: 7px;
  ry: 7.4px;
}

.xfwsu8b {
  cx: 30.9px;
  cy: 55.6px;
  rx: 6.1px;
  ry: 6.4px;
}

.zwx3kqfv {
  d: path("M18.3 52.2c0 4.7-3.6 8.5-8.1 8.5s-8.1-3.8-8.1-8.5s3.6-8.5 8.1-8.5c4.4 0 8.1 3.8 8.1 8.5");
}
</style><path class="d6bpk5tm"/><g class="encu1fb"><ellipse class="kjhg0_b"/><ellipse class="hiu5d8b"/><ellipse class="xfwsu8b"/><ellipse class="ljp2m4x"/></g><ellipse class="or4sc7b"/><g class="czyrszm"><ellipse class="ts85dkb"/><ellipse class="asvv3gx"/></g><ellipse class="jdjuzub"/><ellipse class="s3kq-5v"/><path class="ptykpsbu"/><g class="m6nxxdj"><ellipse class="bv5i43p"/><path class="zwx3kqfv"/><ellipse class="iis-s1x"/></g>`;

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

export default Component;
