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

const viewBox = {"width":32,"height":32};
const content = `<style>.i0nk8571g {
  fill: var(--svg-color--55bfa0, #55bfa0);
  d: path("M27.5 5.5h-9.3l-2.1 4.2H4.4v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z");
}

.j21pv0h1t {
  fill: var(--svg-color--fff, #fff);
  d: path("M26.674 17.8a1.653 1.653 0 1 0 .845.467a1.66 1.66 0 0 0-.845-.467m-4.591 8.667L18 20.786l-6.062 8.428h8.174q.987-1.374 1.976-2.747m2.955-3.076l-4.188 5.824h8.377q-2.094-2.915-4.189-5.824");
}

.km83hhe5p {
  fill: var(--svg-color--2dcc9f, #2dcc9f);
  d: path("M31 15.778V31H10V15.777h21");
}
</style><path class="i0nk8571g"/><path class="km83hhe5p"/><path class="j21pv0h1t"/>`;

/** @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={"vscode-icons:folder-type-images"} {...others} />);
}

export default Component;
