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

const viewBox = {"width":36,"height":36};
const content = `<style>.e8wu_nn {
  fill: #d21034;
  d: path("M16 5h-3v11H0v4h13v11h3V20h20v-4H16z");
}

.mb2_oabb {
  fill: #ffce00;
  d: path("M18 5h-2v11h20v-2H18zm-2 17v9h2v-9h18v-2H16zm-3-2H0v2h11v9h2v-9zm0-6V5h-2v9H0v2h13z");
}

.uoo51l6w {
  fill: #0053a5;
  d: path("M18 22v9h14a4 4 0 0 0 4-4v-5zM0 22v5a4 4 0 0 0 4 4h7v-9zM11 5H4a4 4 0 0 0-4 4v5h11zm21 0H18v9h18V9a4 4 0 0 0-4-4");
}
</style><path class="mb2_oabb"/><path class="e8wu_nn"/><path class="uoo51l6w"/>`;

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

export default Component;
