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

const viewBox = {"width":36,"height":36};
const content = `<style>.b1df0fb {
  fill: #ffcc4d;
  d: path("M0 12v22a2 2 0 0 0 2 2h31V12z");
}

.em-a4hh {
  fill: #55acee;
  d: path("M2 32h12v4H2zm0-6h16v4H2z");
}

.gzd6j2b {
  fill: #ffcc4d;
  d: path("M7 25h2v6H7zm7 0h2v6h-2z");
}

.l70l21b {
  fill: #ffe8b6;
  d: path("M16 5v31h18a2 2 0 0 0 2-2V5z");
}

.ptp-95b {
  fill: #55acee;
  d: path("M18 20h16v4H18zm0-6h16v4H18zm0-6h16v4H18zm0 18h16v4H18z");
}

.rrf8d-by {
  fill: #c1694f;
  d: path("M21 15a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-3a4 4 0 0 1 4-4h13a4 4 0 0 1 4 4z");
}

.tgh6-0q {
  fill: #ffe8b6;
  d: path("M22 7h2v24h-2zm6 0h2v24h-2z");
}

.to7wl4nj {
  fill: #c1694f;
  d: path("M36 6a4 4 0 0 1-4 4H20a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4z");
}

.ypq6jpo {
  fill: #3b88c3;
  d: path("M22 32h8v4h-8zM10 14v4H6v-4H4v10h2v-4h4v4h2V14z");
}
</style><path class="rrf8d-by"/><path class="to7wl4nj"/><path class="b1df0fb"/><path class="em-a4hh"/><path class="l70l21b"/><path class="ptp-95b"/><path class="tgh6-0q"/><path class="ypq6jpo"/><path class="gzd6j2b"/>`;

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

export default Component;
