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

const viewBox = {"width":128,"height":128};
const content = `<style>.bj2sq-a {
  stop-color: #BA8D68;
}

.bwf9m2b {
  d: path("M4 4h120v120H4z");
}

.j8_dq6b {
  stop-color: #B78A67;
}

.khavnhj {
  stop-color: #AD8264;
}

.qqgr4jc {
  stop-color: #A47B62;
}
</style><linearGradient id="ssvg-id-medium-skin-tonea" x1="64" x2="64" y1="3.667" y2="123.67" gradientUnits="userSpaceOnUse"><stop offset="0" class="bj2sq-a"/><stop offset=".449" class="j8_dq6b"/><stop offset=".809" class="khavnhj"/><stop offset="1" class="qqgr4jc"/></linearGradient><path fill="url(#ssvg-id-medium-skin-tonea)" class="bwf9m2b"/>`;

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

export default Component;
