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

const viewBox = {"width":36,"height":36};
const content = `<style>.bl3mj2i {
  fill: #5c913b;
  d: path("M13 33H7V16a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2z");
}

.dr97qjn {
  fill: #3b94d9;
  d: path("M29 33h-6V9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2z");
}

.euco62bt {
  fill: #ccd6dd;
  d: path("M31 2H5a3 3 0 0 0-3 3v26a3 3 0 0 0 3 3h26a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3");
}

.iu-t6cb {
  fill: #dd2e44;
  d: path("M21 33h-6V23a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2z");
}

.kk1ki-bv {
  fill: #e1e8ed;
  d: path("M31 1H5a4 4 0 0 0-4 4v26a4 4 0 0 0 4 4h26a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4m0 2c1.103 0 2 .897 2 2v4h-6V3zm-4 16h6v6h-6zm0-2v-6h6v6zM25 3v6h-6V3zm-6 8h6v6h-6zm0 8h6v6h-6zM17 3v6h-6V3zm-6 8h6v6h-6zm0 8h6v6h-6zM3 5c0-1.103.897-2 2-2h4v6H3zm0 6h6v6H3zm0 8h6v6H3zm2 14c-1.103 0-2-.897-2-2v-4h6v6zm6 0v-6h6v6zm8 0v-6h6v6zm12 0h-4v-6h6v4c0 1.103-.897 2-2 2");
}
</style><path class="euco62bt"/><path class="kk1ki-bv"/><path class="bl3mj2i"/><path class="dr97qjn"/><path class="iu-t6cb"/>`;

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

export default Component;
