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

const viewBox = {"width":36,"height":36};
const content = `<style>.cnrchibq {
  d: path("M23.667 17.998l-1.196-.424l.544-1.146l-1.146.545l-.426-1.195l-.424 1.196l-.003-.002l-1.144-.542l.546 1.146l-1.196.426l1.196.424l-.544 1.146l1.141-.543l.005-.002l.426 1.195l.424-1.196l1.147.544l-.546-1.146z");
}

.hk6zevb {
  fill: #FFF;
}

.olufgpbp {
  d: path("M17.844 21.333a3.333 3.333 0 1 1 2.475-5.565a4 4 0 1 0 .001 4.464a3.325 3.325 0 0 1-2.476 1.101z");
}

.pmfox4g {
  fill: #E00034;
  d: path("M0 13h36v10H0z");
}

.tkhcl_n {
  fill: #0098C3;
  d: path("M32 5H4a4 4 0 0 0-4 4v4h36V9a4 4 0 0 0-4-4z");
}

.vo0ladk {
  fill: #00AE65;
  d: path("M4 31h28a4 4 0 0 0 4-4v-4H0v4a4 4 0 0 0 4 4z");
}
</style><path class="pmfox4g"/><path class="tkhcl_n"/><g class="hk6zevb"><path class="olufgpbp"/><path class="cnrchibq"/></g><path class="vo0ladk"/>`;

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

export default Component;
