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

const viewBox = {"width":48,"height":48};
const content = `<style>.fvoe_bb-j {
  fill: none;
  stroke: currentColor;
  stroke-linejoin: round;
  d: path("m24 24.053l-.974.974v1.948l.974.974l.974-.974v-1.948z");
}

.gojlr-6my {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M22.053 21.132h3.895m-2.922-2.948h1.948m-1.948-2.921h1.948m-1.948-2.921h1.948m-1.948-2.921h1.948M18 34.7h4L18 40h4m-9.5 0l4.3-8h-5.3");
}

.hxi3tzb8f {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M23.026 21.105V6.5h1.948v14.605m-2.921.027v1.947l.974.974h1.948l.974-.974v-1.947");
}

.zfj_1sv3j {
  fill: none;
  stroke: currentColor;
  stroke-linejoin: round;
  d: path("M35.5 4.5h-23a4 4 0 0 0-4 4v31a4 4 0 0 0 4 4h23a4 4 0 0 0 4-4v-31a4 4 0 0 0-4-4Z");
}
</style><path class="hxi3tzb8f"/><path class="fvoe_bb-j"/><path class="gojlr-6my"/><path class="zfj_1sv3j"/>`;

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

export default Component;
