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

const viewBox = {"width":36,"height":36};
const content = `<style>.eoe36obs {
  fill: #dd2e44;
  d: path("M27.435 8.511L19.572.648a2.23 2.23 0 0 0-3.145 0L8.564 8.511C7.7 9.377 7.993 10 9.216 10H14v6a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-6h4.784c1.223 0 1.516-.623.651-1.489");
}

.gqo3uqx {
  fill: #662113;
  d: path("M25 20a7 7 0 1 1-14 0z");
}

.pkqvtjb {
  fill: #c1694f;
  d: path("M4 36h28a4 4 0 0 0 4-4H0a4 4 0 0 0 4 4");
}

.whmhlwtm {
  fill: #d99e82;
  d: path("M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-9c0-2.209.791-3 3-3h30c2.209 0 3 .791 3 3z");
}
</style><path class="whmhlwtm"/><path class="gqo3uqx"/><path class="pkqvtjb"/><path class="eoe36obs"/>`;

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

export default Component;
