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

const viewBox = {"width":48,"height":48};
const content = `<style>.cna1hu5yz {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m5.5 11.608l.043 24.774l8.58.09l3.563-3.459l.095-7.524l-1.682-1.612l1.557-1.586l.022-7.14l-3.566-3.615zm15.257 13.074l6.176-6.1l.152 4.237l-6.344 6.189z");
}

.j54hn4bjm {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m33.469 15.576l.09 6.706l3.323-.015l1.436-1.488l-.053-4.05l-1.25-1.287zm-24.203-.027l.136 6.663l2.993-.025l1.596-1.426l.129-4.172l-1.366-1.209zm-.059 10.315l3.482-.009l1.228 1.32l.18 4.132l-1.378 1.312l-3.519-.083z");
}

.zn0e3tb1v {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m29.9 11.635l.068 24.569l3.508.038l-.062-10.382l2.623.038l2.834 10.418l3.63.053l-3.104-11.444l2.66-2.756l-.028-6.961l-3.6-3.68z");
}
</style><path class="zn0e3tb1v"/><path class="j54hn4bjm"/><path class="cna1hu5yz"/>`;

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

export default Component;
