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

const viewBox = {"width":48,"height":48};
const content = `<style>.vy8madcvc {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M28.268 28.186L42.5 33.954l-12.105-2.39zm-13.541.022s4.508-.339 6.033.164s3.607-.49 4.392-.894c.786-.402.477-1.236-1.215-1.036s-6.112-.06-7.398.412M15.472 37.49L5.5 38.5m21.17-33l6.14 15.306m4-15.306L22.67 20.806m-9.48-7.653h4.974m.679 7.653H11.19l4-15.306h7.653");
}

.zlil9c1nu {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m9.5 42.5l33-7.546m0-2l-11.893-7.865h-2.75c-7.284-1.952-12.58 2.569-13.13 3.12c-1 .998-2.983 1.376-4.89 1.887C1.92 32.217 5.5 38.5 15.472 37.49L42.5 34.954");
}
</style><path class="zlil9c1nu"/><path class="vy8madcvc"/>`;

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

export default Component;
