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

const viewBox = {"width":48,"height":48};
const content = `<style>.j5hx_sb3r {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M18.83 34.035c1.335 1 2.669 1.334 5.337 1.334h1.334a4.336 4.336 0 0 0 0-8.672H22.5a4.336 4.336 0 0 1 0-8.672h1.335c3.001 0 4.335.334 5.336 1.334");
}

.l0azzbbqn {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M10.703 13.456h28.328c1.735 0 3.469 1.734 3.469 3.468V37.16c0 1.734-1.734 3.469-3.469 3.469H8.97c-1.735 0-3.469-1.735-3.469-3.47V13.457c0-2.891.578-3.758 2.89-3.758l24.86-2.313c2.023-.115 2.313.578 2.313 1.446v4.625");
}
</style><path class="l0azzbbqn"/><path class="j5hx_sb3r"/>`;

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

export default Component;
