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

const viewBox = {"width":48,"height":48};
const content = `<style>.rhmq9c43d {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M40.2 13.82a6.58 6.58 0 0 1 2.42 9L36.72 33a3.61 3.61 0 0 1-4.92 1.32l-2.5-1.45M18.17 14.2l1.48-2.56a8.4 8.4 0 0 1 11.47-3.07l3.56 2.06l5.19 3a6 6 0 0 0-8.19 2.2L23 30.8a3.6 3.6 0 0 1-4.91 1.32l-2.51-1.45");
}

.v7aqfib-v {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M17.78 39.67a6.6 6.6 0 0 0 9-2.41l8.36-14.46a3.6 3.6 0 0 0-1.32-4.92l-2.5-1.44M17.45 39.48a6 6 0 0 1-2.19-8.19l6.33-11a3.6 3.6 0 0 0-1.32-4.91l-4.6-2.65a3.58 3.58 0 0 0-4.91 1.31L5.63 23A8.38 8.38 0 0 0 8.7 34.42l3.56 2.06Z");
}
</style><path class="v7aqfib-v"/><path class="rhmq9c43d"/>`;

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

export default Component;
