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

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

.np_f93kc {
  fill: #94989b;
  d: path("M2 32c0 8.2 6.8 15 15 15h30c8.3 0 15-6.8 15-15s-6.7-15-15-15H17C8.8 17 2 23.8 2 32");
}

.r5n8ocf {
  cx: 13.2px;
  cy: 32px;
  r: 7.5px;
  fill: #ed4c5c;
}

.typkd0s {
  cx: 50.8px;
  cy: 32px;
  r: 7.5px;
  fill: #83bf4f;
}

.zhpar5bi {
  fill: #3e4347;
  d: path("M3.9 32c0 7.2 5.9 13.1 13.1 13.1h30c7.2 0 13.1-5.9 13.1-13.1S54.2 18.9 47 18.9H17C9.8 18.9 3.9 24.8 3.9 32");
}
</style><path class="np_f93kc"/><path class="zhpar5bi"/><circle class="flyksjb"/><circle class="r5n8ocf"/><circle class="typkd0s"/>`;

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

export default Component;
