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

const viewBox = {"width":36,"height":36};
const content = `<style>.iar88cb {
  fill: #5dadec;
  d: path("M4 4h28v18H4z");
}

.jfmxsgbu {
  fill: #ccd6dd;
  d: path("M36 22a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z");
}

.kl-71_y {
  fill: #ccd6dd;
  d: path("M13 26h10v6H13z");
}

.pli-nlp {
  fill: #9aaab4;
  d: path("M13 26h10v2H13z");
}

.ppxix0o {
  fill: #e1e8ed;
  d: path("M36 33a3 3 0 0 0-3-3H3a3 3 0 1 0 0 6h30a3 3 0 0 0 3-3");
}

.y3wyjvye {
  fill: #f5f8fa;
  d: path("M3 32h2v2H3zm4 0h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zm4 0h2v2h-2zm4 0h2v2h-2zm4 0h2v2h-2zm4 0h2v2h-2z");
}
</style><path class="jfmxsgbu"/><path class="iar88cb"/><path class="kl-71_y"/><path class="pli-nlp"/><path class="ppxix0o"/><path class="y3wyjvye"/>`;

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

export default Component;
