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

const viewBox = {"width":64,"height":64};
const content = `<style>.c6pedcb {
  fill: #fff;
}

.j4dtcbn {
  fill: #2a5f9e;
}

.jt366sbs {
  fill: #ed4c5c;
  d: path("M17 25V6C10 10.1 4.8 16.9 2.8 25zm0 14v19C10 53.9 4.8 47.1 2.8 39zM32 2h-1v23h30.2C58 11.8 46.2 2 32 2m-1 37v23h1c14.2 0 26-9.8 29.2-23z");
}

.oc-kvzb {
  d: path("M2 32c0 1.4.1 2.7.3 4h59.5c.2-1.3.3-2.6.3-4s-.1-2.7-.3-4H2.3c-.2 1.3-.3 2.6-.3 4");
}

.pum0y3w {
  d: path("M61.7 28q-.15-1.5-.6-3H2.8l-.6 3zM2.3 36q.15 1.5.6 3h58.3l.6-3z");
}

.ruzl2gb {
  d: path("M20 4.5L17 6v52q1.5.9 3 1.5zm8-2.2v59.5l3 .3V2q-1.5 0-3 .3");
}

.t_8dcds {
  d: path("M20 59.5c2.5 1.1 5.2 1.9 8 2.2V2.3c-2.8.4-5.5 1.1-8 2.2z");
}
</style><g class="c6pedcb"><path class="pum0y3w"/><path class="ruzl2gb"/></g><g class="j4dtcbn"><path class="oc-kvzb"/><path class="t_8dcds"/></g><path class="jt366sbs"/>`;

/** @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-svalbard-and-jan-mayen"} {...others} />);
}

export default Component;
