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

const viewBox = {"width":36,"height":36};
const content = `<style>.dmxrkri {
  fill: #f4900c;
  d: path("M24 21h3v3h-3z");
}

.gq0ub1g {
  fill: #dd2e44;
  d: path("M13 2h4v4h-4zm7 8h7v2h-7z");
}

.lvrfckq {
  fill: #6d6e71;
  d: path("M14 7h2v29h-2z");
}

.mboh-9b {
  cx: 15px;
  cy: 4px;
  r: 4px;
  fill: #be1931;
}

.pb8v-mb {
  fill: #be1931;
  d: path("M29 13v-3a1 1 0 0 0-1-1h-9a1 1 0 0 0-1 1v3z");
}

.qdcf-ru {
  fill: #808285;
  d: path("M24 13h3v3h-3zm0 4h3v3h-3z");
}

.rmn2kdbf {
  fill: #bcbec0;
  d: path("M29 24a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1z");
}

.tabjkgg {
  fill: #6d6e71;
  d: path("M21 34H9l-1 1v1h14v-1zm-2-2h-8l-1 1v1h10v-1z");
}

.uafawea {
  fill: #f4900c;
  d: path("M20 17h3v3h-3zm0 4h3v3h-3z");
}

.ylyi76b {
  fill: #6d6e71;
  d: path("M15 19h3v2h-3zm0-6h3v2h-3z");
}

.zbl0i8m {
  fill: #808285;
  d: path("M20 13h3v3h-3z");
}
</style><path class="lvrfckq"/><path class="ylyi76b"/><path class="rmn2kdbf"/><path class="pb8v-mb"/><path class="tabjkgg"/><circle class="mboh-9b"/><path class="zbl0i8m"/><path class="uafawea"/><path class="qdcf-ru"/><path class="dmxrkri"/><path class="gq0ub1g"/>`;

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

export default Component;
