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

const viewBox = {"width":48,"height":48};
const content = `<style>.ws5tmrbqr {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M7.385 29.833C5.972 28.673 5.5 24.66 5.5 22.692c0-1.749.71-2.704 1.86-3.85c0 0 1.67-1.336 2.54-.626c2.847 2.324 9.843 8.907 16.976 1.253c0 0 10.055 1.651 12.773 2.848c3.568 1.31 2.777 1.329 2.777 3.022c0 5.422-3.825 4.725-8.053 4.495c-2.33-.127-24.391.14-26.987 0m22.961-9.464l-3.188 3.72m.216-4.537l2.58 3.284");
}
</style><path class="ws5tmrbqr"/>`;

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

export default Component;
