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

const viewBox = {"width":48,"height":48};
const content = `<style>.agl6sbcjf {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M4.5 17.533h1.602v17.324M4.5 13.468h1.602m4.153 0h11.302v8.202H10.255zm0 4.094h11.304m-11.304 8.213h11.304m-11.304 4.149h11.304m-10.042 3.733l1.204.956h6.745c.563 0 1.384.067 1.384-.968v-7.87m5.656 4.149h5.31m-5.31-15.164h5.31m-5.31-1.043v12.406m4.284-12.98v21.714m5.47-1.2l1.204.956h4.652c.563 0 1.384.067 1.384-.968V14.759h-8.44m0-1.616v16.942m4.22-15.325v15.325");
}
</style><path class="agl6sbcjf"/>`;

/** @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={"arcticons:dewu"} {...others} />);
}

export default Component;
