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

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

.p0vi4l8dh {
  fill: var(--svg-color--fff, #fff);
  d: path("m20.596 20.489l5.312-3.975v7.979l-5.319-4.004zm-8.509 2.405v-4.781l2.66 2.376z");
}

.r9phhze2x {
  fill: var(--svg-color--007acc, #007acc);
  d: path("M30.966 11.741L26.618 10l-9.4 9.159l-5.745-4.37l-1.24.628V25.6l1.233.62l5.737-4.37L26.618 31l4.348-1.741zM12.087 22.894v-4.781l2.66 2.376Zm8.513-2.405l5.312-3.974v7.979l-5.319-4Z");
}
</style><path class="de1owhbex"/><path class="r9phhze2x"/><path class="p0vi4l8dh"/>`;

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

export default Component;
