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

const viewBox = {"width":24,"height":24};
const content = `<style>.rb0mtj2oe {
  fill: currentColor;
  d: path("M3 19v-1.923q.789 0 1.356.567T4.923 19zm4.308 0q0-1.767-1.261-3.018T3 14.692v-1q2.214 0 3.76 1.545Q8.309 16.782 8.309 19zm3.769 0q0-1.679-.636-3.145q-.635-1.467-1.732-2.564T6.145 11.56T3 10.923v-1q1.89 0 3.538.71T9.42 12.58t1.946 2.883t.71 3.538zm3.385 0q0-2.379-.897-4.466t-2.458-3.644t-3.648-2.455Q5.373 7.54 3 7.54V5h18v14z");
}
</style><path class="rb0mtj2oe"/>`;

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

export default Component;
