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

const viewBox = {"width":24,"height":24};
const content = `<style>.frlqb-6ug {
  fill: currentColor;
  d: path("m19 22.289l-.688-.689l2.055-2.1H15.5v-1h4.867l-2.056-2.1l.689-.688L22.288 19zM4 20V4h16v9.427q-.244-.06-.497-.09t-.509-.03q-1.052 0-1.975.368t-1.667.989L12.689 12l2.85-2.85l-.689-.689l-2.85 2.85l-2.85-2.85l-.689.689l2.85 2.85l-2.85 2.85l.689.688l2.85-2.85l2.664 2.664q-.622.744-.989 1.67T13.308 19q0 .256.03.506t.089.494z");
}
</style><path class="frlqb-6ug"/>`;

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

export default Component;
