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

const viewBox = {"width":64,"height":64};
const content = `<style>.c19gdmb {
  cx: 32px;
  cy: 13.2px;
  r: 7.5px;
  fill: #ed4c5c;
}

.fh_htgkp {
  fill: #3e4347;
  d: path("M32 3.9c-7.2 0-13.1 5.9-13.1 13.1v30c0 7.2 5.9 13.1 13.1 13.1S45.1 54.2 45.1 47V17c0-7.2-5.9-13.1-13.1-13.1");
}

.flyksjb {
  cx: 32px;
  cy: 32px;
  r: 7.5px;
  fill: #ffe62e;
}

.xi0-twbp {
  fill: #94989b;
  d: path("M32 2c-8.2 0-15 6.8-15 15v30c0 8.3 6.8 15 15 15s15-6.7 15-15V17c0-8.2-6.8-15-15-15");
}

.yf2zscb {
  cx: 32px;
  cy: 50.8px;
  r: 7.5px;
  fill: #83bf4f;
}
</style><path class="xi0-twbp"/><path class="fh_htgkp"/><circle class="flyksjb"/><circle class="c19gdmb"/><circle class="yf2zscb"/>`;

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

export default Component;
