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

const viewBox = {"width":36,"height":36};
const content = `<style>.dxwv4hnn {
  fill: #5dadec;
  d: path("M29.5 27.5c0 2.762-2.238 5-5 5s-5-2.238-5-5s4-10 5-10s5 7.238 5 10");
}

.lb7459b {
  cx: 12px;
  cy: 13.5px;
  fill: #664500;
  rx: 2.5px;
  ry: 3.5px;
}

.q5_j3cb {
  cx: 24px;
  cy: 13.5px;
  fill: #664500;
  rx: 2.5px;
  ry: 3.5px;
}

.ryp2uol {
  cx: 18px;
  cy: 18px;
  r: 18px;
  fill: #ffcc4d;
}

.uofex_bu {
  fill: #664500;
  d: path("M27.335 22.629a.5.5 0 0 0-.635-.029c-.039.029-3.922 2.9-8.7 2.9c-4.766 0-8.662-2.871-8.7-2.9a.5.5 0 0 0-.729.657C8.7 23.472 11.788 28.5 18 28.5s9.301-5.028 9.429-5.243a.5.5 0 0 0-.094-.628");
}
</style><circle class="ryp2uol"/><ellipse class="lb7459b"/><ellipse class="q5_j3cb"/><path class="uofex_bu"/><path class="dxwv4hnn"/>`;

/** @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:smiling-face-with-tear"} {...others} />);
}

export default Component;
