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

const viewBox = {"width":64,"height":64};
const content = `<style>.b8uz_4ul {
  fill: #fff;
  d: path("M16 30.4c0-.3 0-.6-.1-1h2.9V27h-4.1c-.1-.1-.1-.1-.1-.2c-.1-.2-.3-.4-.4-.5c-.6-.8-.9-1.2-.9-1.9c0-1.5 1.2-2.7 2.8-2.7c1.5 0 2.8 1.2 2.8 2.7H21c0-2.7-2.2-4.9-5-4.9s-5 2.2-5 4.9c0 1.1.5 1.9 1 2.6h-1v2.3h2.5c.2.5.2.8.2 1c0 1.8-1.8 2.9-2.8 3v2.2h10v-2.2h-6c.7-.8 1.1-1.8 1.1-2.9");
}

.d2ko1db {
  fill: #9450e0;
  d: path("M0 46.5h64v9H0z");
}

.jm_8zac {
  fill: #c28fef;
  d: path("M0 8.5h64v38H0z");
}

.k-g04ob {
  fill: #94989b;
  d: path("M24 46.5h16v9H24z");
}

.n22-qsb {
  cx: 45px;
  cy: 27.5px;
  r: 8px;
  fill: #9450e0;
}

.rbfzjfd {
  fill: #c28fef;
  d: path("M7 15.5h50v24H7z");
}

.x5_gj4b {
  fill: #d0d0d0;
  d: path("M24 8.5h16v38H24z");
}

.xdzbd9x {
  fill: #9450e0;
  d: path("M4 12.5h56v30H4z");
}
</style><path class="d2ko1db"/><path class="jm_8zac"/><path class="k-g04ob"/><path class="xdzbd9x"/><path class="rbfzjfd"/><circle class="n22-qsb"/><path class="x5_gj4b"/><path class="b8uz_4ul"/>`;

/** @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={"emojione:pound-banknote"} {...others} />);
}

export default Component;
