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");
}

.ff1bdmb {
  stop-color: #5C4037;
}

.fkrpj9b {
  stop-color: #6D5047;
}

.j35e-hf {
  stop-color: #63463D;
}

.vyv3wbt {
  stop-color: #70534A;
}
</style><linearGradient id="ssvg-id-dark-skin-tonea" x1="64" x2="64" y1="4.37" y2="123.52" gradientUnits="userSpaceOnUse"><stop offset="0" class="vyv3wbt"/><stop offset=".467" class="fkrpj9b"/><stop offset=".842" class="j35e-hf"/><stop offset="1" class="ff1bdmb"/></linearGradient><path fill="url(#ssvg-id-dark-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:dark-skin-tone"} {...others} />);
}

export default Component;
