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

const viewBox = {"width":64,"height":64};
const content = `<style>.e4ist4z {
  fill: #ed4c5c;
  d: path("m62.7 14.2l-26 12.4v3.3l19.2-9.6v9.9l6.8-3.8z");
}

.f2fq_7q {
  fill: #94989b;
  d: path("M35.7 49.9L0 43.8l35.7-16.4z");
}

.ger_s0hq {
  fill: #333;
  d: path("M46.8 0c-8.2 0-35.6 9.5-35.6 9.5l24.6 40.4l28.3-17V17C64 6.3 57.6 0 46.8 0");
}

.h42fy4q {
  fill: #b0bdc6;
  d: path("m38 64l-8.8-1.2v-49H38z");
}

.sl3e5ln {
  fill: #7d8b91;
  d: path("M44.3 13.8H38V64l6.3-6.1z");
}

.vm-e6yeg {
  fill: #697277;
  d: path("M17.2 8.5C6.4 8.5 0 16 0 26.8v17l35.7 6.1V29.2c0-10.8-7.6-20.7-18.5-20.7");
}
</style><path class="h42fy4q"/><path class="sl3e5ln"/><path class="ger_s0hq"/><path class="vm-e6yeg"/><path class="f2fq_7q"/><path class="e4ist4z"/>`;

/** @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:open-mailbox-with-lowered-flag"} {...others} />);
}

export default Component;
