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

const viewBox = {"width":64,"height":64};
const content = `<style>.db4n4vp {
  fill: #3e4347;
  d: path("M36.3 60.8h-8.6c-.3 0-1.1 0-1.1-1h10.8c0 1-.8 1-1.1 1");
}

.fnf3w_b {
  fill: #bfbebe;
  d: path("M55.3 54.2H8.7l-1.7 2h50z");
}

.g1f20sb {
  fill: #ddd;
  d: path("M57 53.8H7l-5 4.9h60z");
}

.sxbeg-b {
  fill: #3e4347;
  d: path("M9 21h46v29.8H9z");
}

.vg66qgb {
  fill: #212528;
  d: path("M37.1 57.1H26.9l-.8 1.1h11.8z");
}

.x_a7o4b {
  cx: 32px;
  cy: 19.6px;
  r: .8px;
  fill: #ddd;
}

.xkrrx9hv {
  fill: #212528;
  d: path("M7.3 53.8h49.4c.8 0 1.4-.6 1.4-1.4v-33c0-.8-.6-1.4-1.4-1.4H7.3c-.7 0-1.3.6-1.3 1.4v33c0 .8.6 1.4 1.3 1.4M2 58.7C2 60.3 3.3 62 5 62h54c1.6 0 3-1.7 3-3.3z");
}
</style><path class="xkrrx9hv"/><path class="g1f20sb"/><path class="fnf3w_b"/><path class="vg66qgb"/><path class="sxbeg-b"/><circle class="x_a7o4b"/><path class="db4n4vp"/>`;

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

export default Component;
