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

const viewBox = {"width":48,"height":48};
const content = `<style>.fzwhubbxx {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M27.108 28.756a4.83 4.83 0 0 0-6.173-.017v.017m3.075 1.977a1.937 1.937 0 1 0 1.936 1.938h0c0-1.07-.866-1.937-1.936-1.938m6.044-5.327a9.5 9.5 0 0 0-12.09 0m14.995-3.514a14.04 14.04 0 0 0-17.918 0");
}

.p3mmcihcz {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M41.856 23.33L26.141 8.113a3.077 3.077 0 0 0-4.282 0L6.144 23.33c-1.357 1.314-.427 3.612 1.462 3.612h1.991v12.122c0 .934.757 1.69 1.69 1.69h25.426a1.69 1.69 0 0 0 1.69-1.69V26.942h1.99c1.89 0 2.82-2.298 1.463-3.612");
}
</style><path class="fzwhubbxx"/><path class="p3mmcihcz"/>`;

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

export default Component;
