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

const viewBox = {"width":36,"height":36};
const content = `<style>.b-22zqk {
  fill: #e75a70;
  d: path("M9 20a2 2 0 0 1-4 0V7a2 2 0 0 1 4 0z");
}

.dgl6pbz {
  cx: 13px;
  cy: 33px;
  r: 3px;
  fill: #67757f;
}

.dla2irbb {
  fill: #67757f;
  d: path("M27 15.002a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2c0-1.105.896-1 2-1h5c1.104 0 2-.104 2 1");
}

.f1m8w8ba {
  fill: #da2f47;
  d: path("M13 22a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h15V4a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v19a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4v-1z");
}

.fdbaizbj {
  fill: #9aaab4;
  d: path("M20 15.502c0-1.381 1.119-1.5 2.5-1.5s2.5.119 2.5 1.5V33.5a2.5 2.5 0 1 1-5 0z");
}

.iyizcub {
  fill: #67757f;
  d: path("M13 32h19v2H13z");
}

.k-4rt0b {
  cx: 32px;
  cy: 33px;
  r: 3px;
  fill: #67757f;
}

.qfz8ewwv {
  fill: #da2f47;
  d: path("M28 27a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2zm0-22a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z");
}
</style><circle class="dgl6pbz"/><circle class="k-4rt0b"/><path class="iyizcub"/><path class="fdbaizbj"/><path class="dla2irbb"/><path class="qfz8ewwv"/><path class="f1m8w8ba"/><path class="b-22zqk"/>`;

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

export default Component;
