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

const viewBox = {"width":32,"height":32};
const content = `<style>.q69vjlbzy {
  fill: var(--svg-color--c00000, #c00000);
  d: path("M14.454 21.443h8.303v1.383h-8.303z");
}

.uetwz8b-k {
  fill: var(--svg-color--green, green);
  d: path("m17.866 15.509l-.98.98l-.98-.978l-1.957-1.957l.977-.977l1.957 1.957l4.891-4.894l.98.977z");
}

.vbdhuux6f {
  d: path("M2 5.74v23.709h24.909V5.74Zm23.477 22.449l-22.083-.058l.023-20.974h22.077ZM6.151 10.951v5.534h5.534v-5.534ZM10.3 15.1H7.534v-2.766H10.3Zm-4.151 4.22v5.534h5.534v-5.531Zm4.151 4.154H7.534v-2.765H10.3ZM30 2.551V26.24h-1.431L28.549 4l-22.4-.029v-1.42z");
}
</style><path class="uetwz8b-k"/><path class="q69vjlbzy"/><path class="vbdhuux6f"/>`;

/** @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:file-type-light-todo"} {...others} />);
}

export default Component;
