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

const viewBox = {"width":36,"height":36};
const content = `<style>.clzd-mb {
  fill: #3b88c3;
  d: path("M22 32h8v4h-8z");
}

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

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

.n-wi3kp {
  fill: #dd2e44;
  d: path("M10 14v4H6v-4H4v10h2v-4h4v4h2V14z");
}

.nctsl-eq {
  fill: #be1931;
  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");
}

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

.ut7b1nrc {
  fill: #be1931;
  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");
}

.xeydhwb {
  fill: #3b88c3;
  d: path("M2 32h12v4H2zm0-6h16v4H2z");
}

.xz6umob {
  fill: #ea596e;
  d: path("M3 3C3 .239 6.963-1 8 3c1.122-4 5-2.761 5 0c0 3-5 6-5 6S3 6 3 3");
}

.yl5rwrw {
  fill: #f4abba;
  d: path("M0 12v22a2 2 0 0 0 2 2h31V12z");
}

.zin_2zb {
  fill: #ffd4de;
  d: path("M22 7h2v24h-2zm6 0h2v24h-2z");
}
</style><path class="ut7b1nrc"/><path class="nctsl-eq"/><path class="yl5rwrw"/><path class="xeydhwb"/><path class="f5uwv1b"/><path class="ptp-95b"/><path class="zin_2zb"/><path class="clzd-mb"/><path class="n-wi3kp"/><path class="gib_avb"/><path class="xz6umob"/>`;

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

export default Component;
