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

const viewBox = {"width":64,"height":64};
const content = `<style>.b1ji2lew {
  fill: #fff;
  d: path("M42 43c.1-.3 0-.6-.2-.8c0 0-2.2-2.2-9.8-2.2c-7.5 0-9.8 2.2-9.8 2.2c-.2.1-.2.5-.2.8l.2.6c.1.3.3.5.6.5h18.4c.2 0 .5-.2.6-.5z");
}

.i3dp_0b {
  cx: 20.5px;
  cy: 26px;
  r: 5px;
}

.j2cpx7b {
  fill: #664e27;
}

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

.ql3dwaci {
  d: path("M45.7 44c-1.5-3.6-5.1-6-13.7-6s-12.2 2.4-13.7 6c-.8 1.9.3 4 .3 4c.4 1.2 2.2 2 13.4 2c11.1 0 12.9-.8 13.4-2c0 0 1.1-2.1.3-4");
}

.xxje09b {
  cx: 43.5px;
  cy: 26px;
  r: 5px;
}
</style><circle class="mcmuhhb"/><g class="j2cpx7b"><circle class="i3dp_0b"/><circle class="xxje09b"/><path class="ql3dwaci"/></g><path class="b1ji2lew"/>`;

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

export default Component;
