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

const viewBox = {"width":64,"height":64};
const content = `<style>.c6pedcb {
  fill: #fff;
}

.c7v4xti {
  cx: 36.9px;
  cy: 54.7px;
  r: 2.5px;
}

.cay5v6b {
  fill: #89664c;
  d: path("M63.4 24.7H47.7V59l16-32.4c.5-1 .4-1.8-.3-1.9");
}

.j89e-7bz {
  fill: #ffce31;
  d: path("M45.8 11h-22V7.6C23.8 6.2 23 5 22 5H1.9C.8 5 0 6.2 0 7.6V59h47.7V13.6c0-1.5-.9-2.6-1.9-2.6");
}

.mdr7p8n {
  fill: #d3976e;
  d: path("M56.1 17.9h-8.4V59l9.4-38.8c.3-1.3-.2-2.3-1-2.3");
}

.qs5evrb {
  fill: #aa7d5e;
  d: path("M60.8 21.3H45.1L47.7 59l13.4-35.8c.5-1 .3-1.8-.3-1.9");
}

.selx98t {
  d: path("M23.9 52.2c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5");
}

.tmqwqyb {
  fill: #f2bc97;
  d: path("M52.2 13h-8.4l3.9 46l5.4-43.7c.3-1.3-.1-2.3-.9-2.3");
}

.ziu4urb {
  cx: 10.8px;
  cy: 54.7px;
  r: 2.5px;
}
</style><path class="cay5v6b"/><path class="qs5evrb"/><path class="mdr7p8n"/><path class="tmqwqyb"/><path class="j89e-7bz"/><g class="c6pedcb"><circle class="ziu4urb"/><path class="selx98t"/><circle class="c7v4xti"/></g>`;

/** @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-index-dividers"} {...others} />);
}

export default Component;
