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

const viewBox = {"width":24,"height":24};
const content = `<style>.p4w8c2bhw {
  fill: currentColor;
  d: path("M19 17.535L10.466 9H15V7q0-1.27-.901-2.134Q13.198 4 11.929 4t-2.167.872T8.864 7v.283l-.922-.922q.224-1.448 1.347-2.404T11.929 3q1.69 0 2.88 1.165Q16 5.329 16 7v2h3zm1.5 5.765L18.2 21H5V9.062h1.262L.7 3.5l.708-.708l19.8 19.8zm-9.534-9.484q-.218.217-.33.493q-.111.276-.111.585q0 .633.434 1.066q.433.434 1.066.434q.31 0 .586-.111t.493-.33z");
}
</style><path class="p4w8c2bhw"/>`;

/** @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:no-encryption-sharp"} {...others} />);
}

export default Component;
