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

const viewBox = {"width":64,"height":64};
const content = `<style>.ilnu2lbf {
  fill: #ffe62e;
  d: path("m22 28.4l8 5.6l-3-9.2l8-5.8h-9.9L22 10l-3 9H9l8 5.8l-3 9.2zm13.3 6.9l-2.3.5l2.2.9V39l1.5-1.7l2.2.8l-1.3-1.9l1.4-1.8l-2.3.5l-1.4-1.9zm3.4-6.8L37 30l2.3-.2l1 2.2l.4-2.3l2.3-.2l-2-1.2l.5-2.3l-1.7 1.5l-2-1.2zm.6-7.8L40 23l.7-2.2H43l-1.8-1.4l.7-2.3l-1.9 1.4l-1.8-1.5l.7 2.3l-1.9 1.3zm-4-8V15l1.4-1.9l2.3.5l-1.4-1.8l1.3-1.9l-2.2.9L35.2 9v2.3l-2.2.9z");
}

.osr2m3d {
  cx: 32px;
  cy: 32px;
  r: 30px;
  fill: #ed4c5c;
}
</style><circle class="osr2m3d"/><path class="ilnu2lbf"/>`;

/** @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:flag-for-china"} {...others} />);
}

export default Component;
