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

const viewBox = {"width":48,"height":48};
const content = `<style>.noyrddscm {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M11.925 18.103a6.04 6.04 0 0 1 6.037-6.038h0A6.04 6.04 0 0 1 24 18.103v9.962m-12.075-16v16M24 18.103a6.04 6.04 0 0 1 6.038-6.038h0a6.04 6.04 0 0 1 6.037 6.038v9.962");
}

.s_7evzb-z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M40.285 41.741L8.878 35.02a3 3 0 0 1-2.372-2.933V8a2 2 0 0 1 2-2h28.988a4 4 0 0 1 4 4v30.763a1 1 0 0 1-1.21.978");
}
</style><path class="noyrddscm"/><path class="s_7evzb-z"/>`;

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

export default Component;
