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

const viewBox = {"width":24,"height":24};
const content = `<style>.gp3kr3fqt {
  fill: currentColor;
  d: path("m4.675 15.425l-1.025 2.85q-.125.35-.4.538T2.625 19q-.575 0-.913-.487t-.137-1.038l4.4-11.725Q6.1 5.4 6.4 5.2t.65-.2h.9q.375 0 .663.2t.412.55L13.45 17.5q.2.55-.138 1.025T12.4 19q-.35 0-.65-.2t-.425-.55l-1-2.825h-5.65ZM5.4 13.4h4.2L7.55 7.6h-.1L5.4 13.4ZM16 13q-.425 0-.713-.288T15 12q0-.425.288-.713T16 11h6q.425 0 .713.288T23 12q0 .425-.288.713T22 13h-6Z");
}
</style><path class="gp3kr3fqt"/>`;

/** @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:text-decrease-outline-rounded"} {...others} />);
}

export default Component;
