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

const viewBox = {"width":36,"height":36};
const content = `<style>.g328ur5o {
  fill: #ce1126;
  d: path("M32 5H4C1.791 5 0 6.854 0 9.063V14h36V9.063C36 6.854 34.209 5 32 5");
}

.pm3fo3b {
  fill: #141414;
  d: path("M0 27.063C0 29.272 1.791 31 4 31h28c2.209 0 4-1.728 4-3.937V22H0z");
}

.qtc2oyy {
  fill: #eee;
  d: path("M0 14h36v8H0z");
}
</style><path class="pm3fo3b"/><path class="qtc2oyy"/><path class="g328ur5o"/>`;

/** @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-yemen"} {...others} />);
}

export default Component;
