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

const viewBox = {"width":64,"height":64};
const content = `<style>.afj9v2b {
  fill: #d0d0d0;
  d: path("M28 64L6.5 50.6V37.4L28 54.1z");
}

.b-a88pz {
  fill: #534741;
  d: path("M64 57.3L28 64L6.5 50.6L42.6 44z");
}

.bgikt_b {
  fill: #d0d0d0;
  d: path("m0 6.6l3.3 2l3.2 28.8l-6.5-4zM36 0l3.3 2l3.3 28.8l-6.6-4z");
}

.cqdmftb {
  fill: #d0d0d0;
  d: path("M64 57.4L42.6 44V30.8L64 47.4z");
}

.fy2vr6x {
  fill: #ed4c5c;
  d: path("m46 43.4l-36 6.7V36.8l18-3.3v1.9l18-3.2z");
}

.l1np_db {
  fill: #83bf4f;
  d: path("m56.7 49.9l-36 6.6V43.3l18-3.3v2l18-3.2z");
}

.omovuib {
  fill: #3e4347;
  d: path("M64 57.3L28 64v-9.9l36-6.7zM36 26.8L0 33.4V6.6L36 0z");
}

.qbb-nob {
  fill: #3e4347;
  d: path("M42.6 44L6.5 50.7V37.5l36.1-6.7z");
}

.rh1vm_b {
  fill: #ffce31;
  d: path("m62.1 53.3l-36 6.7V46.7l18-3.3V46l18-3.8z");
}

.rx4-4xb {
  fill: #94989b;
  d: path("M36 26.8L0 33.4l6.5 4.1l36.1-6.7z");
}

.tl0wvkp {
  fill: #ff8736;
  d: path("m51.4 46.5l-36.1 6.6V39.9l18-3.3v2.3l18.1-3.5z");
}

.uoslsbc {
  fill: #94989b;
  d: path("M36 0L0 6.6l3.3 2l36-6.6z");
}
</style><path class="b-a88pz"/><path class="qbb-nob"/><path class="cqdmftb"/><path class="fy2vr6x"/><path class="tl0wvkp"/><path class="l1np_db"/><path class="rh1vm_b"/><path class="afj9v2b"/><path class="omovuib"/><path class="rx4-4xb"/><path class="bgikt_b"/><path class="uoslsbc"/>`;

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

export default Component;
