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

const viewBox = {"width":48,"height":48};
const content = `<style>.lxc1bx0_w {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M21.156 16.677h17.416M21.156 40.106h17.416m-17.416-5.389h-10.13a1.597 1.597 0 0 1-1.598-1.597V6.098A1.6 1.6 0 0 1 11.025 4.5h14.221a1.6 1.6 0 0 1 1.598 1.598v7.185M9.428 7.894h17.416M9.428 31.323h11.728m6.047-1.276L15.109 17.953m12.094 8.124v3.97h-3.97");
}

.n6qjyxb-g {
  width: 17.416px;
  height: 30.217px;
  x: 21.156px;
  y: 13.283px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 1.597px;
}

.s4_45q4sw {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M15.109 21.923v-3.97h3.97");
}
</style><rect class="n6qjyxb-g"/><path class="lxc1bx0_w"/><path class="s4_45q4sw"/>`;

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

export default Component;
