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

const viewBox = {"width":24,"height":24};
const content = `<style>.emmtc2bem {
  fill: currentColor;
  d: path("m20.11 21.53l-1.57-1.568q-.096.019-.173.028q-.077.01-.173.01H5.615q-.67 0-1.143-.472Q4 19.056 4 18.385V5.805q0-.095.01-.172q.01-.077.048-.154L2.469 3.885l.708-.708l17.646 17.646l-.713.708ZM7 16.5h8.079l-2.556-2.537l-1.138 1.512L9.5 13.192L7 16.5Zm13 .675L6.825 4h11.56q.67 0 1.143.472q.472.472.472 1.143v11.56Z");
}
</style><path class="emmtc2bem"/>`;

/** @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={"material-symbols-light:image-not-supported"} {...others} />);
}

export default Component;
