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

const viewBox = {"width":64,"height":64};
const content = `<style>.aexw9sk {
  fill: #21adf1;
  d: path("M16 33.3h13.3V60H16z");
}

.ce-r2le {
  fill: #106995;
  d: path("M4 60h12V33.3L4 46.7z");
}

.diynfuo {
  fill: #5c750a;
  d: path("M21.3 60h12V20l-12 13.3z");
}

.gr407ys {
  fill: #9aca0a;
  d: path("M33.3 20h13.3v40H33.3z");
}

.im9h81h {
  fill: #333;
}

.jrn9ltc {
  d: path("M0 0h4v64H0z");
}

.m4mhreu {
  d: path("M0 60h64v4H0z");
}

.w56u6fb {
  fill: #fb4f00;
  d: path("M38.7 60h12V6.7L38.7 20z");
}

.x-x2f8h {
  fill: #fc9100;
  d: path("M50.7 6.7H64V60H50.7z");
}
</style><g class="im9h81h"><path class="jrn9ltc"/><path class="m4mhreu"/></g><path class="w56u6fb"/><path class="diynfuo"/><path class="ce-r2le"/><path class="gr407ys"/><path class="aexw9sk"/><path class="x-x2f8h"/>`;

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

export default Component;
