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

const viewBox = {"width":32,"height":32};
const content = `<style>.g_zp0vbyr {
  fill: var(--svg-color--ed1846, #ed1846);
  d: path("M13.415 14.506a.394.394 0 0 0-.4.414A6 6 0 0 0 19 20.509h4a1 1 0 0 1 1 1V29.1a.394.394 0 0 0 .416.4A6 6 0 0 0 30 23.51v-2a7 7 0 0 0-7-7Z");
}

.qwpce6l0x {
  fill: var(--svg-color--ed1846, #ed1846);
  d: path("M2 2.914a.414.414 0 0 1 .415-.414H21a9 9 0 0 1 9 9v1.587a.414.414 0 0 1-.415.414h-5.17a.414.414 0 0 1-.415-.41V11.5a3 3 0 0 0-3-3H8.415A.414.414 0 0 0 8 8.917V29.1a.394.394 0 0 1-.416.4A6 6 0 0 1 2 23.51Z");
}
</style><path class="qwpce6l0x"/><path class="g_zp0vbyr"/>`;

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

export default Component;
