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

const viewBox = {"width":36,"height":36};
const content = `<style>.a96zukr {
  cx: 29px;
  cy: 29px;
  r: 7px;
  fill: #9266cc;
}

.akirq5b {
  cx: 18px;
  cy: 21px;
  r: 7px;
  fill: #9266cc;
}

.hvqw08x {
  cx: 10px;
  cy: 15px;
  r: 7px;
  fill: #9266cc;
}

.n9k98fbb {
  fill: #77b255;
  d: path("M9.999 12a1 1 0 0 1-.446-.106c-4.38-2.19-7.484-7.526-8.501-10.578A.999.999 0 1 1 2.949.683c.877 2.632 3.688 7.517 7.499 9.422A1 1 0 0 1 9.999 12");
}

.rc6hncb {
  cx: 19px;
  cy: 29px;
  r: 7px;
  fill: #553788;
}

.rmdrf7b {
  cx: 9px;
  cy: 26px;
  r: 7px;
  fill: #744eaa;
}

.y0gi25x {
  cx: 27px;
  cy: 18px;
  r: 7px;
  fill: #744eaa;
}

.yt6ql7d {
  cx: 19px;
  cy: 12px;
  r: 7px;
  fill: #aa8dd8;
}
</style><path class="n9k98fbb"/><circle class="rc6hncb"/><circle class="hvqw08x"/><circle class="yt6ql7d"/><circle class="y0gi25x"/><circle class="rmdrf7b"/><circle class="akirq5b"/><circle class="a96zukr"/>`;

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

export default Component;
