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

const viewBox = {"width":64,"height":64};
const content = `<style>.ggc10bcu {
  fill: #ffe62e;
  d: path("M53.1 10.7L32 27L10.9 10.7C9 12.6 7.3 14.7 6 17l19.4 15L6 47c1.3 2.3 3 4.5 4.9 6.3L32 37l21.1 16.3c1.9-1.9 3.5-4 4.9-6.3L38.6 32L58 17c-1.3-2.3-3-4.4-4.9-6.3");
}

.lo7mw4bv {
  fill: #699635;
  d: path("M53.1 10.7C41.4-.9 22.5-.9 10.8 10.7L32 27zM10.9 53.3c11.7 11.6 30.6 11.6 42.3 0L32 37z");
}

.tgsg75bo {
  fill: #3e4347;
  d: path("M58 47c5.3-9.2 5.3-20.7 0-29.9L38.6 32zM6 17C.7 26.3.7 37.7 6 47l19.5-15z");
}
</style><path class="lo7mw4bv"/><path class="tgsg75bo"/><path class="ggc10bcu"/>`;

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

export default Component;
