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

const viewBox = {"width":48,"height":48};
const content = `<style>.ap8jsno5z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M25.411 30.496c.999 1.328 2.25 1.823 3.993 1.823h2.41c2.244 0 4.063-1.858 4.063-4.15v-.018c0-2.293-1.819-4.15-4.062-4.15h-2.66c-2.246 0-4.066-1.861-4.066-4.156c0-2.3 1.824-4.164 4.075-4.164h2.398c1.742 0 2.994.495 3.993 1.823m-23.432 6.495h5.313m2.83 8.319h-8.142V15.68h8.142");
}

.d3thddbuc {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M9.828 11a2 2 0 0 0-1.414.586l-3.328 3.328a2 2 0 0 0-.586 1.414V35a2 2 0 0 0 2 2h31.672a2 2 0 0 0 1.414-.586l3.328-3.328a2 2 0 0 0 .586-1.414V13a2 2 0 0 0-2-2z");
}
</style><path class="d3thddbuc"/><path class="ap8jsno5z"/>`;

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

export default Component;
