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

const viewBox = {"width":64,"height":64};
const content = `<style>.eohmt5c {
  cx: 20.5px;
  cy: 29.6px;
  r: 5px;
}

.j2cpx7b {
  fill: #664e27;
}

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

.t7w4mfbk {
  fill: #917524;
  d: path("M51.2 18.7c-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-26.7-3.3c-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.2.2 2.4-.4 2.2");
}

.xq4d0pp {
  cx: 43.5px;
  cy: 29.6px;
  r: 5px;
}

.ykn6ni4z {
  fill: #664e27;
  d: path("M40.6 44.4c-5.4-2.5-11.8-2.5-17.2 0c-1.3.6.3 4.2 1.7 3.5c3.6-1.7 8.9-2.3 13.9 0c1.3.6 3-2.8 1.6-3.5");
}
</style><circle class="mcmuhhb"/><g class="j2cpx7b"><circle class="eohmt5c"/><circle class="xq4d0pp"/></g><path class="t7w4mfbk"/><path class="ykn6ni4z"/>`;

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

export default Component;
