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

const viewBox = {"width":48,"height":48};
const content = `<style>.ptzdbxxum {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M15.732 42.5L8.245 9.776C7.72 7.42 5.522 5.692 5.522 5.692M18.805 42.5L11.317 9.776a70 70 0 0 0-1.03-4.084m4.253.153s-.61 1.719-.087 4.071l6.586 28.647M18.512 5.845s-1.345 1.719-.822 4.071l5.652 24.589m-.012-28.66s-2.851 1.445-2.341 5.28l4.507 19.595M42.478 5.5s-3.72 1.848-5.737 4.84l-5.005 7.997l1.553-7.784c.445-2.487-.654-3.875-1.728-5.053");
}

.sz45l2bae {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m31.736 18.337l3.57-8.858c.68-1.78.837-3.787.837-3.787");
}
</style><path class="ptzdbxxum"/><path class="sz45l2bae"/>`;

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

export default Component;
