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

const viewBox = {"width":64,"height":64};
const content = `<style>.d0mdp-b {
  fill: #f2b200;
  d: path("M0 50h26v14H0z");
}

.end02fb {
  fill: #dce5e5;
  d: path("M26 50h34v14H26z");
}

.gqc20gb {
  fill: #ff8736;
  d: path("M60 50h4v14h-4z");
}

.iprqh3hb {
  fill: #abc2c6;
  d: path("M33.5 16C28.4 35.1 43.9 9 64 47C53.3 32.9 18.8 43.2 4.3 27.5C-15.8 5.8 41.9-15.6 33.5 16");
}
</style><path class="d0mdp-b"/><path class="end02fb"/><path class="gqc20gb"/><path class="iprqh3hb"/>`;

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

export default Component;
