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

const viewBox = {"width":64,"height":64};
const content = `<style>.g0ra3gr {
  cx: 20px;
  cy: 27px;
  r: 5px;
}

.j2cpx7b {
  fill: #664e27;
}

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

.t5w41d5w {
  fill: #917524;
  d: path("M50.2 17c-3.2-2.7-7.5-3.9-11.7-3.1c-.6.1-1.1-2-.4-2.2c4.8-.9 9.8.5 13.5 3.6c.6.5-1 2.1-1.4 1.7m-24.7-3.2c-4.2-.7-8.5.4-11.7 3.1c-.4.4-2-1.2-1.4-1.7c3.7-3.2 8.7-4.5 13.5-3.6c.7.1.2 2.3-.4 2.2");
}

.vx9v-qv {
  cx: 44px;
  cy: 27px;
  r: 5px;
}

.y74i8da {
  cx: 32px;
  cy: 48px;
  r: 5px;
  fill: #664e27;
}
</style><circle class="mcmuhhb"/><g class="j2cpx7b"><circle class="g0ra3gr"/><circle class="vx9v-qv"/></g><path class="t5w41d5w"/><circle class="y74i8da"/>`;

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

export default Component;
