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

const viewBox = {"width":36,"height":36};
const content = `<style>.cvegjlox {
  fill: #c1694f;
  d: path("M31 20c0 3.988-5.82 7.223-13 7.223S5 23.988 5 20s5.82-7.222 13-7.222S31 16.012 31 20");
}

.fa5y82b {
  cx: 18px;
  cy: 20px;
  fill: #8a4b38;
  rx: 11px;
  ry: 5.556px;
}

.ht04fxbu {
  fill: #ffcc4d;
  d: path("M18 7c3.383 0 4.724 2 5.921 2c1.691 0 2.537 2 4.229 9c.697 2.885-4.229 6-10.149 6S7.155 20.885 7.852 18c1.692-7 2.538-9 4.229-9C13.275 9 14.617 7 18 7");
}

.te3g68b {
  cx: 18px;
  cy: 21px;
  fill: #f1f2f2;
  rx: 18px;
  ry: 10px;
}

.vr0vjd2n {
  fill: #662113;
  d: path("M25.612 11c0 2.209-3.408 4-7.612 4s-7.612-1.791-7.612-4S13.796 7 18 7s7.612 1.791 7.612 4");
}

.ys1-59b {
  cx: 18px;
  cy: 23px;
  fill: #939598;
  rx: 18px;
  ry: 10px;
}
</style><ellipse class="ys1-59b"/><ellipse class="te3g68b"/><path class="cvegjlox"/><ellipse class="fa5y82b"/><path class="ht04fxbu"/><path class="vr0vjd2n"/>`;

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

export default Component;
