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

const viewBox = {"width":48,"height":48};
const content = `<style>.d_vndabju {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M32.414 27.788V11.67c-6.273.722-6.82 3.468-7.227 5.563l-1.408 6.483v.011m-8.089 4.387l-1.105 5.063c-.582 3.2-4.784 3.328-5.226 3.34L9.312 43.5h.07c3.631 0 10.754-1.885 12.058-8.938l1.361-6.296");
}

.ghq-eyn2z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M34.03 41.394c0-7.335-5.947-13.282-13.283-13.282H12.27");
}

.oidjpib-u {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m16.691 23.459l1.664-7.635C19.857 8.12 25.443 4.5 35.906 4.5h2.782v36.894");
}

.q5e-74byg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M12.269 23.457h8.479c9.89 0 17.937 8.047 17.937 17.937");
}
</style><path class="q5e-74byg"/><path class="ghq-eyn2z"/><path class="oidjpib-u"/><path class="d_vndabju"/>`;

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

export default Component;
