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

const viewBox = {"width":24,"height":24};
const content = `<style>.xnsfcvikg {
  fill: currentColor;
  d: path("m18.356 21.06l-7.102-7.114q-.558.258-1.138.406t-1.231.148q-2.289 0-3.894-1.606Q3.385 11.288 3.385 9q0-.65.144-1.251t.421-1.153l3.535 3.496L9.977 7.6L6.519 4.104q.552-.277 1.134-.44q.582-.164 1.232-.164q2.288 0 3.894 1.606T14.385 9q0 .69-.139 1.27q-.138.58-.415 1.1l7.113 7.101z");
}
</style><path class="xnsfcvikg"/>`;

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

export default Component;
