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

const viewBox = {"width":64,"height":64};
const content = `<style>.esguyxko {
  fill: #664e27;
  d: path("M47.9 38H16.1c-.7 0-1.1.5-1.1 1c0 7.3 6 15 17 15s17-7.7 17-15c0-.5-.4-1-1.1-1");
}

.hndn3fem {
  fill: #ff717f;
  d: path("M41.2 44H22.8c-.7 0-.8.3-.8.8v4C22 57.6 26.5 62 32 62s10-4.4 10-13.2v-4c0-.5-.1-.8-.8-.8");
}

.j2cpx7b {
  fill: #664e27;
}

.m-t2jqc {
  fill: #e2596c;
  d: path("M33.5 44L32 57.8L30.5 44z");
}

.mcmuhhb {
  cx: 32px;
  cy: 32px;
  r: 30px;
  fill: #ffdd67;
}

.ry06sib {
  cx: 20.5px;
  cy: 24.5px;
  r: 5px;
}

.xrvu5hb {
  cx: 43.5px;
  cy: 24.5px;
  r: 5px;
}
</style><circle class="mcmuhhb"/><path class="esguyxko"/><path class="hndn3fem"/><path class="m-t2jqc"/><g class="j2cpx7b"><circle class="ry06sib"/><circle class="xrvu5hb"/></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:face-with-tongue"} {...others} />);
}

export default Component;
