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

const viewBox = {"width":64,"height":64};
const content = `<style>.g5d711b {
  fill: #212528;
  d: path("M62 6c0-2-2-4-4-4H6C4 2 2 4 2 6v38h60z");
}

.haf3u9n {
  d: path("M16 58h32v4H16z");
}

.j5a-j5j {
  fill: #94989b;
}

.jfkm2xb {
  fill: #bfbebe;
  d: path("M24 54c0 4-4 4-8 4h32c-4 0-8 0-8-4v-2H24z");
}

.psagf9n {
  fill: #ddd;
  d: path("M2 44v4c0 2 2 4 4 4h52c2 0 4-2 4-4v-4z");
}

.tj8m75b {
  fill: #3e4347;
  d: path("M6 6h52v34H6z");
}

.x31dz8b {
  cx: 32px;
  cy: 47.9px;
  r: 1px;
}
</style><path class="g5d711b"/><path class="psagf9n"/><path class="jfkm2xb"/><path class="tj8m75b"/><g class="j5a-j5j"><circle class="x31dz8b"/><path class="haf3u9n"/></g>`;

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

export default Component;
