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

const viewBox = {"width":36,"height":36};
const content = `<style>.a8uo3cb {
  fill: #292f33;
  d: path("M26 15h2v3h-2zM8 15h2v3H8z");
}

.do98q7bo {
  fill: #aab8c2;
  d: path("M10 19H8a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1m18 0h-2a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1");
}

.e6nux9fl {
  fill: #292f33;
  d: path("M26 .5H10C8.07.5 6.5 2.07 6.5 4v4h3V4c0-.271.229-.5.5-.5h16c.271 0 .5.229.5.5v4h3V4c0-1.93-1.57-3.5-3.5-3.5");
}

.gj5gptbq {
  fill: #292f33;
  d: path("M25 17v1a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1zM7 17v1a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1z");
}

.lyzpthg {
  fill: #ccd6dd;
  d: path("M4 22h28v2H4z");
}

.pnsw-1q {
  fill: #be1931;
  d: path("M0 15h36v2H0zm4 9h28v2H4zm0 6h28v2H4z");
}

.suonovlj {
  fill: #dd2e44;
  d: path("M36 31.765S36 36 31.765 36H4.235C0 36 0 31.765 0 31.765V11.647c0-4.235 4.235-4.235 4.235-4.235h27.529s4.235 0 4.235 4.235z");
}

.yt-otib {
  fill: #ccd6dd;
  d: path("M4 28h28v2H4z");
}
</style><path class="e6nux9fl"/><path class="suonovlj"/><path class="lyzpthg"/><path class="pnsw-1q"/><path class="yt-otib"/><path class="do98q7bo"/><path class="gj5gptbq"/><path class="a8uo3cb"/>`;

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

export default Component;
