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

const viewBox = {"width":36,"height":36};
const content = `<style>.fpaf3wb {
  fill: #fff;
  d: path("M2 34V2h32z");
  opacity: .5;
}

.hup37nb {
  fill: #bf6952;
  d: path("M17 2h2v32h-2z");
}

.k3lk-do {
  fill: #bf6952;
  d: path("M2 19v-2h32v2z");
}

.ku_4kxbk {
  fill: #bf6952;
  d: path("M1 36h34c.55 0 1-.45 1-1V1a1 1 0 0 0-.294-.706L.294 35.706A1 1 0 0 0 1 36");
}

.pxpqdnb {
  fill: #8ccaf7;
  d: path("M2 2h32v32H2z");
}

.rr4q0i6x {
  fill: #d79e84;
  d: path("M35 36H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h34c.55 0 1 .45 1 1v34c0 .55-.45 1-1 1");
}
</style><path class="rr4q0i6x"/><path class="ku_4kxbk"/><path class="pxpqdnb"/><path class="fpaf3wb"/><path class="hup37nb"/><path class="k3lk-do"/>`;

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

export default Component;
