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

const viewBox = {"width":36,"height":36};
const content = `<style>.dozjlfb {
  fill: #292f33;
  d: path("M27 12H9s-2 0-2-2V7h22v3c0 2-2 2-2 2");
}

.ixw13cb {
  fill: #a0041e;
  d: path("M7 8V6s0-2 2-2h18s2 0 2 2v2z");
}

.mjhwumua {
  fill: #dd2e44;
  d: path("M31 25a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h18a4 4 0 0 1 4 4z");
}

.ms9xt5bn {
  fill: #66757f;
  d: path("M15 14c.795.795 5.373 6.635 7.22 9H23s.404-.01.848-.19L16 13l6-6h-2l-5 5s-1 1 0 2");
}

.mz81-5fn {
  fill: #ccd6dd;
  d: path("M13 23h9.22c-1.847-2.365-6.425-8.205-7.22-9c-1-1 0-2 0-2l5-5h-9v14s0 2 2 2");
}

.p28s1ld {
  fill: #66757f;
  d: path("M14 28h9v8h-9z");
}

.wmt4ppw {
  fill: #e1e8ed;
  d: path("M11 7v14s0 2 2 2h10s2 0 2-2V7z");
}
</style><path class="p28s1ld"/><path class="mjhwumua"/><path class="ixw13cb"/><path class="dozjlfb"/><path class="wmt4ppw"/><path class="mz81-5fn"/><path class="ms9xt5bn"/>`;

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

export default Component;
