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

const viewBox = {"width":36,"height":36};
const content = `<style>.h578u7b {
  fill: #a7a9ac;
  d: path("M28 0H18a3 3 0 1 0 0 6h3v4l-2 2h8l-2-2V6h3a3 3 0 1 0 0-6");
}

.iqsjc-bz {
  fill: #58595b;
  d: path("M30 16a2 2 0 0 1-2 2H18a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z");
}

.jlhdrkft {
  fill: #58595b;
  d: path("M12 25a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2z");
}

.jndsvtv {
  fill: #3b88c3;
  d: path("M14 14h22v15H14z");
}

.mojat5m {
  fill: #808285;
  d: path("M0 2h36v6H0z");
}

.nd-4x2b {
  fill: #ffd983;
  d: path("M.587 31H36v-2H.069c.087.698.263 1.369.518 2");
}

.p-xgc0bs {
  fill: #414042;
  d: path("M24 23a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm10 0a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2z");
}

.p2sor3j {
  fill: #58595b;
  d: path("M0 17v10a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2");
}

.pohlebc {
  fill: #f4900c;
  d: path("M4 14a4 4 0 0 0-4 4v10a8 8 0 0 0 8 8h28V14z");
}

.v197cxb {
  fill: #414042;
  d: path("M0 4h36v2H0z");
}
</style><path class="iqsjc-bz"/><path class="pohlebc"/><path class="nd-4x2b"/><path class="mojat5m"/><path class="v197cxb"/><path class="h578u7b"/><path class="jndsvtv"/><path class="jlhdrkft"/><path class="p-xgc0bs"/><path class="p2sor3j"/>`;

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

export default Component;
