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

const viewBox = {"width":48,"height":48};
const content = `<style>.e6-18-a0g {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m37.2 11.976l1.54 3.012c.08.372.012.761-.191 1.084L27.22 34.06a3.14 3.14 0 0 1-3.69 1.289L6.987 29.56a1.46 1.46 0 0 1-.946-1.072l.02-3.51");
}

.kh9lerexe {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m33.914 23.43l7.396 2.876c.565.22.813.881.533 1.418l-7.427 14.23c-.24.46-.786.665-1.27.477l-19.32-7.512a1.017 1.017 0 0 1-.532-1.418l.765-1.466");
}

.kxhu13bxp {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M23.92 32.162L6.868 26.195a1.202 1.202 0 0 1-.62-1.775L17.58 6.423a1.975 1.975 0 0 1 2.324-.812l16.598 5.808a1.343 1.343 0 0 1 .694 1.984L25.794 31.508a1.59 1.59 0 0 1-1.873.654Z");
}

.mlww-evco {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24.234 28.953L9.752 23.886l8.296-13.173l14.483 5.067zM22.497 9.626l4.78 1.605");
}
</style><path class="kxhu13bxp"/><path class="kh9lerexe"/><path class="e6-18-a0g"/><path class="mlww-evco"/>`;

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

export default Component;
