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

const viewBox = {"width":64,"height":64};
const content = `<style>.amdwnwb {
  fill: #b70000;
  d: path("M51.3 2H12.7C10.4 2 9 3.7 9 5.8V34l46 24.3V6c0-2.1-1.4-4-3.7-4");
}

.bqbxdnc {
  cx: 25px;
  cy: 19px;
  r: 13px;
  fill: #fff;
}

.ft5p4nbd {
  fill: #333;
  d: path("M52.6 0H11.4C9 0 7 1.8 7 4.1v55.8c0 2.3 2 4.1 4.4 4.1h41.2c2.4 0 4.4-1.8 4.4-4.1V4.1C57 1.8 55 0 52.6 0");
}

.qyst7cb {
  fill: #333;
  d: path("M55.4 58.2H8.6V34c24 0 46.8 10.2 46.8 24.2");
}
</style><path class="ft5p4nbd"/><path class="amdwnwb"/><circle class="bqbxdnc"/><path class="qyst7cb"/>`;

/** @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:flower-playing-cards"} {...others} />);
}

export default Component;
