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

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

.rntsupbzy {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M5.496 15.884c2.717-1.515 9.22-.737 13.055 2.276c4.747 3.73 9.125 4.306 12.882 2.758c4.407-1.816 9.204-.946 11.064.946m.001 0l.007.008M36.423 34.47a5.311 5.311 0 0 1-10.624 0h0a5.31 5.31 0 0 1 5.31-5.312h.002a5.31 5.31 0 0 1 5.31 5.312h.001");
}

.sulllcbsi {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M12.582 30.826h29.914M12.582 38.11h29.914m-29.914-1.821h29.914m-29.914-1.821h29.914m-29.914-1.821h29.914m-32.257 9.852L9.23 38.983v-8.628l1.207-4.211c.305-1.086 1.33-1.073 2.146-1.075V42.5M18.8 18.347l1.494-8.2l7.003 1.251m-4.449 9.348L28.86 8.115l13.638 6.72");
}
</style><path class="sulllcbsi"/><path class="rntsupbzy"/><rect class="j675s-b4c"/>`;

/** @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:guitar-songs"} {...others} />);
}

export default Component;
