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

const viewBox = {"width":48,"height":48};
const content = `<style>.owr_4mwof {
  width: 22.5px;
  height: 22.5px;
  x: 12.75px;
  y: 12.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 4px;
  ry: 4px;
}

.quu02s0bu {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m12.75 24.371l-1.36 5.439a2.56 2.56 0 0 1-2.485 1.94H4.5c1.175 0 2.2-.8 2.485-1.94L9.89 18.19a2.56 2.56 0 0 1 2.485-1.94h.405M4.5 30l3.438-13.75H4.5m1.719 6.875L7.437 28m27.813-4.371l1.36-5.439a2.56 2.56 0 0 1 2.485-1.94H43.5c-1.176 0-2.2.8-2.486 1.94L38.11 29.81a2.56 2.56 0 0 1-2.485 1.94h-.405M43.5 18l-3.437 13.75H43.5m-1.719-6.875L40.562 20m-20 9.125v-10.25h3.397c1.921 0 3.478 1.541 3.478 3.442s-1.557 3.443-3.478 3.443h-3.397");
}
</style><rect class="owr_4mwof"/><path class="quu02s0bu"/>`;

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

export default Component;
