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

const viewBox = {"width":64,"height":64};
const content = `<style>.fga6pac {
  fill: #f9f9f9;
  d: path("m10 38l4-2.8l4 2.8l-1.5-4.6l4-2.9h-5L14 26l-1.5 4.5h-5l4 2.9z");
}

.ltxrmg5j {
  fill: #428bc1;
  d: path("M61.4 26H10.8v12h50.6q.6-2.85.6-6c0-3.15-.2-4.1-.6-6M10.8 14H56C50.5 6.7 41.8 2 32 2c-8.3 0-15.8 3.4-21.2 8.8zm0 36v3.2C16.2 58.6 23.7 62 32 62c9.8 0 18.5-4.7 24-12z");
}

.st1iqsbk {
  fill: #f9f9f9;
  d: path("M10.8 26h50.6c-.9-4.4-2.8-8.5-5.4-12H10.8zm0 12v12H56c2.6-3.5 4.5-7.6 5.4-12z");
}

.ud20cky {
  fill: #ed4c5c;
  d: path("M10.8 10.8C5.4 16.2 2 23.7 2 32s3.4 15.8 8.8 21.2L32 32z");
}
</style><path class="st1iqsbk"/><path class="ltxrmg5j"/><path class="ud20cky"/><path class="fga6pac"/>`;

/** @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={"emojione:flag-for-cuba"} {...others} />);
}

export default Component;
