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

const viewBox = {"width":48,"height":48};
const content = `<style>.b5cetiv7o {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M28.038 7.824H25.69a1.685 1.685 0 1 0-3.117 0h-2.51a2.65 2.65 0 0 0-2.65 2.653h13.273a2.65 2.65 0 0 0-2.65-2.653m.707 31.241v-3.997l4.562-.002l-4.55 3.999H14.823V10.208m18.483 0v24.857M17.098 15.047h7.893m-7.893 2.476h10.5m-10.5 2.475h12.488m-12.488 2.476h8.379m-8.379 2.476h10.146m-10.146 2.475h4.403m11.805-17.217h-2.632m-15.851 0h2.604");
}

.liyqftbvw {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M29.745 8.448h5.954v32.195c0 1.026-.83 1.857-1.854 1.857h-19.69a1.856 1.856 0 0 1-1.854-1.857V8.448h6.055");
}
</style><path class="liyqftbvw"/><path class="b5cetiv7o"/>`;

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

export default Component;
