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

const viewBox = {"width":36,"height":36};
const content = `<style>.cds7n1b {
  fill: #808285;
  d: path("M22 0H6a2 2 0 0 0-2 2h20a2 2 0 0 0-2-2");
}

.d_6eosb {
  fill: #ffe8b6;
  d: path("M10 7h2v29h-2zm6 0h2v29h-2z");
}

.e7m4c1p {
  cx: 14px;
  cy: 9px;
  r: 6px;
  fill: #a7a9ac;
}

.e9yv72m {
  fill: #269;
  d: path("M12 30h4v6h-4z");
}

.edlzoabr {
  fill: #ffcc4d;
  d: path("M36 34a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V15a2 2 0 0 1 2-2h32a2 2 0 0 1 2 2z");
}

.grfx4tb {
  fill: #a0041e;
  d: path("M17 10h-3a1 1 0 0 1-1-1V4a1 1 0 0 1 2 0v4h2a1 1 0 0 1 0 2");
}

.kg6xngj {
  fill: #ffe8b6;
  d: path("M22 0H6a2 2 0 0 0-2 2v34h20V2a2 2 0 0 0-2-2");
}

.lfvwttb {
  fill: #3b88c3;
  d: path("M2 24h32v4H2zm0-6h32v4H2zm0 12h32v4H2z");
}

.qrkx0ob {
  fill: #6d6e71;
  d: path("M34 13H2a2 2 0 0 0-2 2h36a2 2 0 0 0-2-2");
}

.rm4vb1o {
  fill: #55acee;
  d: path("M6 18h16v4H6zm0 6h16v4H6zm0 6h16v4H6z");
}

.w02wefb {
  cx: 14px;
  cy: 9px;
  r: 4px;
  fill: #e6e7e8;
}

.z9g5xsb {
  fill: #ffcc4d;
  d: path("M28 17h2v18h-2z");
}
</style><path class="edlzoabr"/><path class="qrkx0ob"/><path class="lfvwttb"/><path class="z9g5xsb"/><path class="kg6xngj"/><path class="cds7n1b"/><path class="rm4vb1o"/><path class="d_6eosb"/><path class="e9yv72m"/><circle class="e7m4c1p"/><circle class="w02wefb"/><path class="grfx4tb"/>`;

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

export default Component;
