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

const viewBox = {"width":36,"height":36};
const content = `<style>.j4oxktq {
  fill: #007a3d;
  d: path("M4 31h28a4 4 0 0 0 4-4v-4.667L2.067 30.502A4 4 0 0 0 4 31");
}

.l04oxbkd {
  fill: #d62828;
  d: path("M32 5h-7.833L1.129 29.785l.001.001q.228.236.493.431l.001.001L36 13.667V9a4 4 0 0 0-4-4");
}

.nr0x9xz {
  fill: #003f87;
  d: path("M12 5H4a4 4 0 0 0-4 4v18c0 .878.283 1.689.762 2.349z");
}

.oblnlrb {
  fill: #fcd856;
  d: path("M.763 29.35q.168.231.367.435L24.167 5H12zq-.002-.002 0 0");
}

.xtnycqe {
  fill: #eee;
  d: path("m2.063 30.501l.004.002L36 22.333v-8.667L1.624 30.218q.21.155.439.283");
}
</style><path class="l04oxbkd"/><path class="oblnlrb"/><path class="nr0x9xz"/><path class="xtnycqe"/><path class="j4oxktq"/>`;

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

export default Component;
