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

const viewBox = {"width":36,"height":36};
const content = `<style>.jzi5hob {
  fill: #eee;
  d: path("M32 5H4a3.98 3.98 0 0 0-2.646 1.006L17.5 18H36V9a4 4 0 0 0-4-4");
}

.u-jqgfbz {
  fill: #11457e;
  d: path("M1.383 29.973L17.5 18L1.354 6.006A4 4 0 0 0 0 9v17.5c0 1.48.537 2.683 1.383 3.473");
}

.wwi1anbe {
  fill: #d7141a;
  d: path("M1.383 29.973A3.8 3.8 0 0 0 4 31h28c2.209 0 4-1.791 4-4.5V18H17.5z");
}
</style><path class="wwi1anbe"/><path class="jzi5hob"/><path class="u-jqgfbz"/>`;

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

export default Component;
