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

const viewBox = {"width":64,"height":64};
const content = `<style>.cg4fufk {
  fill: #fff;
  d: path("M29.5 29.1c0 5-4 9-9 9s-9-4-9-9s4-9 9-9s9 4.1 9 9");
}

.cuddorb {
  fill: #ff717f;
}

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

.nqj9smb {
  cx: 11.2px;
  cy: 37.1px;
  r: 8px;
}

.pxxlxsv {
  cx: 52.8px;
  cy: 37.1px;
  r: 8px;
}

.qa98tnu {
  cx: 43.5px;
  cy: 29.1px;
  r: 4.5px;
  fill: #664e27;
}

.s9nqkmb {
  cx: 20.5px;
  cy: 29.1px;
  r: 4.5px;
  fill: #664e27;
}

.tmdjntb {
  cx: 32px;
  cy: 49.5px;
  r: 4.5px;
  fill: #664e27;
}

.vcmgevw {
  fill: #fff;
  d: path("M52.5 29.1c0 5-4 9-9 9s-9-4-9-9s4-9 9-9s9 4.1 9 9");
}

.xbnc7jrj {
  fill: #917524;
  d: path("M54.6 20.6c-2.7-3.3-6.7-5.1-11-5.1c-.6 0-.7-2.2 0-2.2c4.9 0 9.5 2.1 12.7 5.9c.5.6-1.3 1.9-1.7 1.4m-34.3-5.2c-4.2 0-8.3 1.9-11 5.1c-.4.5-2.1-.8-1.7-1.4c3.1-3.8 7.8-5.9 12.7-5.9c.7 0 .6 2.2 0 2.2");
}
</style><circle class="mcmuhhb"/><g class="cuddorb"><circle class="pxxlxsv"/><circle class="nqj9smb"/></g><path class="xbnc7jrj"/><circle class="tmdjntb"/><path class="cg4fufk"/><circle class="s9nqkmb"/><path class="vcmgevw"/><circle class="qa98tnu"/>`;

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

export default Component;
