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

const viewBox = {"width":36,"height":36};
const content = `<style>.a5jspkd {
  fill: #d1d3d4;
  d: path("M36 20v5H18c-3 0-7-5-7-5z");
}

.bswv6cxi {
  fill: #5c913b;
  d: path("M3.741 12C3.28 12.686 3 13.36 3 14c0 1.655 1.22 3.308 2.816 4.459C21.231 14 36 14 36 14v-2z");
}

.cssr-zb {
  fill: #6d6e71;
  d: path("M6 27h4v3H6zm10 0h4v3h-4zm10 0h4v3h-4z");
}

.db2hubc {
  fill: #bcbec0;
  d: path("M36 0h-6a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6z");
}

.k7o6gh0s {
  fill: #55acee;
  d: path("M21 4h-5.553c-3.327 1.524-7.344 3.738-9.898 6H21a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m5 5a1 1 0 1 1-2 0V5a1 1 0 1 1 2 0zm8 0a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z");
}

.pv02i-f {
  fill: #6d6e71;
  d: path("M0 24h36v4H0z");
}

.qr-a1cc {
  fill: #e6e7e8;
  d: path("M36 20H10c-3 0-7-3-7-6C3 9 19 2 21 2h15z");
}

.sd3ogby {
  fill: #bcbec0;
  d: path("M11 20s.751.938 1.844 2H36v-2z");
}

.sev6_mg {
  fill: #939598;
  d: path("M0 22h36v4H0zm6 6h4v8H6zm10 0h4v8h-4zm10 0h4v8h-4z");
}
</style><path class="pv02i-f"/><path class="sev6_mg"/><path class="cssr-zb"/><path class="db2hubc"/><path class="a5jspkd"/><path class="sd3ogby"/><path class="qr-a1cc"/><path class="bswv6cxi"/><path class="k7o6gh0s"/>`;

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

export default Component;
