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

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

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

.hpjjz8r {
  stop-color: #FCD8AF;
}

.ltpdyvy {
  stop-color: #FADCBA;
}

.rgg7agb {
  stop-color: #FFD29C;
}

.rjdvjsb {
  stop-color: #F9DDBD;
}
</style><linearGradient id="ssvg-id-light-skin-tonea" x1="64" x2="64" y1="4.5" y2="123.82" gradientUnits="userSpaceOnUse"><stop offset="0" class="rjdvjsb"/><stop offset=".37" class="ltpdyvy"/><stop offset=".684" class="hpjjz8r"/><stop offset=".976" class="atiq60i"/><stop offset="1" class="rgg7agb"/></linearGradient><path fill="url(#ssvg-id-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:light-skin-tone"} {...others} />);
}

export default Component;
