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

const viewBox = {"width":128,"height":128};
const content = `<style>.bwf9m2b {
  d: path("M4 4h120v120H4z");
}

.l7wxg6a {
  stop-color: #DEB892;
}

.n3p89lf {
  stop-color: #CCA47A;
}

.oxzabkb {
  stop-color: #E0BB95;
}

.vmts7ew {
  stop-color: #D6B088;
}
</style><linearGradient id="ssvg-id-medium-light-skin-tonea" x1="64" x2="64" y1="5" y2="123.6" gradientUnits="userSpaceOnUse"><stop offset="0" class="oxzabkb"/><stop offset=".411" class="l7wxg6a"/><stop offset=".743" class="vmts7ew"/><stop offset="1" class="n3p89lf"/></linearGradient><path fill="url(#ssvg-id-medium-light-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-light-skin-tone"} {...others} />);
}

export default Component;
