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

const viewBox = {"width":36,"height":36};
const content = `<style>.chof1o_e {
  fill: #FCDD09;
  d: path("M8.249 17.917l1.777-2.446l-2.875.934l-1.776-2.445v3.023l-2.875.934l2.875.934v3.022l1.776-2.445l2.875.934z");
}

.clit65b {
  d: path("M0 12h36v2H0zm0 10h36v2H0z");
  fill: #EEE;
}

.j3qbucb {
  fill: #141414;
  d: path("M32 5H4a4 4 0 0 0-4 4v3h36V9a4 4 0 0 0-4-4z");
}

.n-n6x-b {
  fill: #078930;
  d: path("M0 27a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4v-3H0v3z");
}

.ro303vs {
  fill: #DA121A;
  d: path("M0 12h36v12H0z");
}

.rwx4budj {
  fill: #0F47AF;
  d: path("M1.351 6.004H1.35C.522 6.737 0 7.808 0 9.267v18c0 .926.522 1.997 1.351 2.729L17.5 18L1.351 6.004z");
}
</style><path class="j3qbucb"/><path class="n-n6x-b"/><path class="ro303vs"/><path class="clit65b"/><path class="rwx4budj"/><path class="chof1o_e"/>`;

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

export default Component;
