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

const viewBox = {"width":36,"height":36};
const content = `<style>.c8o8-hb {
  fill: #88c9f9;
  d: path("M32 0H4a4 4 0 0 0-4 4v22h36V4a4 4 0 0 0-4-4");
}

.co39k9r {
  fill: #66757f;
  d: path("M10 36V7l4-4h2l4 4v29zm23-25c0-1-1-1-1-1h-7s-1 0-1 1v25h9z");
}

.qy-j6_zd {
  fill: #ffcc4d;
  d: path("M8 29h2v2H8zm0-8h2v2H8zm-2 4h2v2H6zM16 9h2v2h-2zm0 4h2v2h-2zm-2 4h2v2h-2zm10 1h2v2h-2zm-2 4h2v2h-2zm-2 6h2v2h-2zm9-16h2v2h-2zm0 4h2v2h-2z");
}

.v21_iack {
  fill: #292f33;
  d: path("M28 17c0-1-1-1-1-1h-8c-1 0-1 1-1 1v19h10zm-17 2H6v-5s0-1-1-1H0v19a4 4 0 0 0 4 4h8V20s0-1-1-1m21 6c-1 0-1 1-1 1v10h1a4 4 0 0 0 4-4v-7z");
}
</style><path class="c8o8-hb"/><path class="co39k9r"/><path class="v21_iack"/><path class="qy-j6_zd"/>`;

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

export default Component;
