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

const viewBox = {"width":48,"height":48};
const content = `<style>.nmtx2qaij {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M15.168 33.653H7.66a2.156 2.156 0 0 1-2.161-2.16V9.527c0-1.197.964-2.16 2.161-2.16h17.76v1.926h8.019V7.367h6.898c1.197 0 2.161.964 2.161 2.161v18.557l-5.568 5.568h-6.497");
}

.reh1mdb_v {
  fill: none;
  stroke: currentColor;
  d: path("m36.932 33.653l5.568-5.568");
}

.sex1thuho {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M32.203 32.035L22.8 40.633l-9.402-8.598h5.02V20.76h8.686v11.275z");
}

.zy4xo-tvx {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M18.419 30.303h-6.67c-.956 0-1.726-.77-1.726-1.726V12.943c0-.956.77-1.726 1.726-1.726h21.809c.956 0 1.726.77 1.726 1.726v15.634c0 .956-.77 1.726-1.726 1.726h-6.454M42.499 12.02h-5.365m5.365 4.006h-5.365m5.365-2.003h-3.748m3.748 4.007h-3.748m3.748 2.002h-5.365m5.365 4.006h-5.365m5.365-2.003h-3.748");
}
</style><path class="nmtx2qaij"/><path class="reh1mdb_v"/><path class="zy4xo-tvx"/><path class="sex1thuho"/>`;

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

export default Component;
