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

const viewBox = {"width":64,"height":64};
const content = `<style>.bb4nihf {
  cx: 44.5px;
  cy: 35.5px;
  r: 1.5px;
  fill: #231f20;
}

.jn2xxrb {
  cx: 44.5px;
  cy: 35.5px;
  r: 4.5px;
  fill: #664e27;
}

.kmuspgb {
  cx: 44.5px;
  cy: 35.5px;
  r: 6.5px;
  fill: #fff;
}

.qeqha2b {
  cx: 19.5px;
  cy: 35.5px;
  r: 4.5px;
  fill: #664e27;
}

.qsz5j9bd {
  fill: #664e27;
  d: path("M40.1 48.1c-5.2 3.6-11 3.6-16.2 0c-.6-.4-1.2.3-.8 1c1.6 2.6 4.8 4.9 8.9 4.9s7.3-2.3 8.9-4.9c.4-.7-.2-1.4-.8-1");
}

.qy_v1bv {
  cx: 19.5px;
  cy: 35.5px;
  r: 1.5px;
  fill: #231f20;
}

.rrcxlobm {
  fill: #fed0ac;
  d: path("M57.2 33s-.8-3.3-1.2-10.2c-.5-7.5-10.9-1.5-24-1.5s-23.5-6-24 1.5C7.6 29.7 6.8 33 6.8 33c-6.5 0-6.5 10.6.4 10.6C7.2 55 21.5 62 32 62s24.8-7 24.8-18.4c6.9 0 6.9-10.6.4-10.6");
}

.vpuuygb {
  cx: 19.5px;
  cy: 35.5px;
  r: 6.5px;
  fill: #fff;
}

.zhlr-pbv {
  fill: #dbb471;
  d: path("M32 2c23 0 28 15.3 28 24c0 7.7-1 11-1 11H5s-1-3.3-1-11C4 17.3 9 2 32 2");
}
</style><path class="zhlr-pbv"/><path class="rrcxlobm"/><circle class="kmuspgb"/><circle class="jn2xxrb"/><circle class="bb4nihf"/><circle class="vpuuygb"/><circle class="qeqha2b"/><circle class="qy_v1bv"/><path class="qsz5j9bd"/>`;

/** @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:boy-medium-light-skin-tone"} {...others} />);
}

export default Component;
