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

const viewBox = {"width":36,"height":36};
const content = `<style>.aya_48b {
  fill: #3b88c3;
  d: path("M15 15h2v14h-2zm4 0h2v14h-2z");
}

.en61ibch {
  fill: #66757f;
  d: path("M2 33h2v3H2zm4 0h2v3H6zm4 0h2v3h-2zm5 0h2v3h-2zm4 0h2v3h-2zm5 0h2v3h-2zm4 0h2v3h-2zm4 0h2v3h-2z");
}

.f1e7t_d {
  fill: #55acee;
  d: path("M14 7h2v2h-2zm6 0h2v2h-2zm-3 0h2v2h-2z");
}

.hd-22qx {
  fill: #55acee;
  d: path("M24 30h2v2h-2zm4 0h2v2h-2zm4 0h2v2h-2z");
}

.o67hwvpk {
  fill: #55acee;
  d: path("M24 17h2v12h-2zm4 0h2v12h-2zm4 0h2v12h-2zM2 17h2v12H2zm4 0h2v12H6zm4 0h2v12h-2zM2 30h2v2H2zm4 0h2v2H6zm4 0h2v2h-2z");
}

.r8g5jzbp {
  fill: #f1dcc1;
  d: path("M36 34a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V13a2 2 0 0 1 2-2h32a2 2 0 0 1 2 2z");
}

.t1x54cbm {
  fill: #dac8b1;
  d: path("M34 13a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2zm-22 0a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2z");
}

.ul9p9ixl {
  fill: #dac8b1;
  d: path("M22 9V7c0-.738-.404-1.376-1-1.723V5a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v.277c-.595.347-1 .985-1 1.723v2h-1v27h10V9z");
}

.xd7bp4b {
  fill: #3b88c3;
  d: path("M15 30h2v2h-2zm4 0h2v2h-2z");
}
</style><path class="t1x54cbm"/><path class="r8g5jzbp"/><path class="ul9p9ixl"/><path class="f1e7t_d"/><path class="aya_48b"/><path class="o67hwvpk"/><path class="xd7bp4b"/><path class="hd-22qx"/><path class="en61ibch"/>`;

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

export default Component;
