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

const viewBox = {"width":48,"height":48};
const content = `<style>.v9k9nxb4s {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m29.858 17.327l-8.94-5.161c-1.254-.724-2.82.18-2.82 1.628v10.323c0 1.447 1.566 2.351 2.82 1.628l8.94-5.162c1.253-.723 1.253-2.532 0-3.256");
}

.ydea-sprl {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M19.016 31.265c.497 0 .97.22 1.288.603l8.728 10.469H39.1c.932 0 1.442-1.088.845-1.805l-8.193-9.827c5.502-1.674 9.446-6.93 9.107-13.054C40.479 10.75 34.454 5.5 27.542 5.5H9.474A2.355 2.355 0 0 0 7.12 7.855v33.309c0 1.255 1.576 1.815 2.368.84l8.226-10.12c.319-.392.797-.62 1.302-.62");
}
</style><path class="ydea-sprl"/><path class="v9k9nxb4s"/>`;

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

export default Component;
