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

const viewBox = {"width":24,"height":24};
const content = `<style>.m54z5fluv {
  fill: currentColor;
  d: path("M6.5 17V9h1v8zm5 0V9h1v8zM3.539 7v-.846L12 2.116l8.462 4.038V7zm2.648-1h11.627L12 3.25zM3.538 20v-1h11.108q.012.275.048.513t.09.487zM16.5 14.27V9h1v4.77zm3.5 8.96q-1.475-.366-2.43-1.679t-.954-2.924v-2.165L20 14.769l3.385 1.692v2.166q0 1.612-.955 2.924T20 23.231m-.725-2.654l3.033-3.027l-.627-.627l-2.406 2.394l-.975-.975l-.627.633zM6.187 6h11.627z");
}
</style><path class="m54z5fluv"/>`;

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

export default Component;
