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

const viewBox = {"width":36,"height":36};
const content = `<style>.ab_4ypd {
  fill: #66757f;
  d: path("M36 11L18 0L0 11z");
}

.anrujwj {
  fill: #8899a6;
  d: path("M3 19h4v2H3zm6 0h4v2H9zm14 0h4v2h-4zm6 0h4v2h-4z");
}

.bgid0rb {
  fill: #f5f8fa;
  d: path("M11 34h14v2H11z");
}

.c93fl8k {
  fill: #ccd6dd;
  d: path("M3 21h4v11H3zm6 0h4v11H9zm20 0h4v11h-4zm-6 0h4v11h-4z");
}

.ceyj_yb {
  fill: #aab8c2;
  d: path("M2 32h32v2H2z");
}

.h89s1gb {
  fill: #292f33;
  d: path("M18 23a3 3 0 0 0-3 3v6h6v-6a3 3 0 0 0-3-3");
}

.k88cjlb {
  fill: #e1e8ed;
  d: path("M13 32h10v2H13z");
}

.mfs8-6b {
  fill: #66757f;
  d: path("M3 16h30v18H3z");
}

.o9ety9bu {
  fill: #aab8c2;
  d: path("M36 12a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1zm0 6a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1z");
}

.vdma4zb {
  fill: #ccd6dd;
  d: path("M1 12h34v5H1z");
}

.x2o4tyb {
  fill: #ccd6dd;
  d: path("M18 2.4L2 12v4h32v-4z");
}

.xb63jps {
  fill: #ccd6dd;
  d: path("M2 34h32a2 2 0 0 1 2 2H0a2 2 0 0 1 2-2");
}
</style><path class="mfs8-6b"/><path class="xb63jps"/><path class="h89s1gb"/><path class="c93fl8k"/><path class="ceyj_yb"/><path class="ab_4ypd"/><path class="x2o4tyb"/><path class="anrujwj"/><path class="vdma4zb"/><path class="o9ety9bu"/><path class="k88cjlb"/><path class="bgid0rb"/>`;

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

export default Component;
