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

const viewBox = {"width":64,"height":64};
const content = `<style>.dldmlu2n {
  fill: #ffe62e;
  d: path("M32 62c5.9 0 11.4-1.7 16-4.6V6.6C43.4 3.7 37.9 2 32 2S20.6 3.7 16 6.6v50.7c4.6 3 10.1 4.7 16 4.7");
}

.go97c9bz {
  fill: #699635;
  d: path("M48 57.4c8.4-5.3 14-14.7 14-25.4S56.4 11.9 48 6.6zM24.8 17.9l-6 10.4l6 10.3l6-10.3zm14.4 0l-6 10.4l6 10.3l6-10.3zM26 41.7l6 10.4l6-10.4l-6-10.3z");
}

.h2b_tlm {
  fill: #2a5f9e;
  d: path("M16 6.6C7.6 11.9 2 21.3 2 32s5.6 20.1 14 25.4z");
}
</style><path class="dldmlu2n"/><path class="h2b_tlm"/><path class="go97c9bz"/>`;

/** @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-st-vincent-and-grenadines"} {...others} />);
}

export default Component;
