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

const viewBox = {"width":36,"height":36};
const content = `<style>.bp2ruob {
  fill: #003F87;
  d: path("M12 5H4a4 4 0 0 0-4 4v18c0 .878.283 1.689.762 2.349L12 5z");
}

.gnokytbz {
  fill: #EEE;
  d: path("M2.063 30.501l.004.002L36 22.333v-8.667L1.624 30.218c.14.103.287.198.439.283z");
}

.jvwsqc7m {
  fill: #D62828;
  d: path("M32 5h-7.833L1.129 29.785l.001.001c.152.157.317.301.493.431l.001.001L36 13.667V9a4 4 0 0 0-4-4z");
}

.rl-4_obj {
  fill: #007A3D;
  d: path("M4 31h28a4 4 0 0 0 4-4v-4.667L2.067 30.502A3.981 3.981 0 0 0 4 31z");
}

.vmt1h5bg {
  fill: #FCD856;
  d: path("M.763 29.35c.112.154.235.299.367.435L24.167 5H12L.763 29.35c-.001-.001-.001-.001 0 0z");
}
</style><path class="jvwsqc7m"/><path class="vmt1h5bg"/><path class="bp2ruob"/><path class="gnokytbz"/><path class="rl-4_obj"/>`;

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

export default Component;
