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

const viewBox = {"width":48,"height":48};
const content = `<style>.q8lj5mb0z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M31.329 25.472H16.671c-.632 0-1.15-.52-1.15-1.154V9.54c0-.635.518-1.155 1.15-1.155h14.658c.632 0 1.15.52 1.15 1.155v14.777c0 .634-.518 1.154-1.15 1.154M22.822 8.155V5.5h2.299v2.655M25.12 25.76V42.5h-2.298V25.703m-.805-12.064v6.292m3.621-6.292v6.292m0-3.175h-3.621");
}

.rhnlqq1vf {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M18.223 16.871c-.002 3.188 2.57 5.774 5.745 5.776s5.75-2.581 5.752-5.77v-.006c0-3.188-2.574-5.772-5.749-5.772s-5.748 2.584-5.748 5.772");
}
</style><path class="q8lj5mb0z"/><path class="rhnlqq1vf"/>`;

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

export default Component;
