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

const viewBox = {"width":24,"height":24};
const content = `<style>.ldhjb0bdj {
  fill: currentColor;
  d: path("M7.308 20q-1.365 0-2.336-.972Q4 18.057 4 16.692V7.327q0-1.372.964-2.35T7.307 4h9.365q1.373 0 2.35.977T20 7.327v9.365q0 1.381-.977 2.345t-2.35.963zM5 11.577v5.115q0 .952.678 1.63t1.63.678h9.365q.96 0 1.644-.678t.683-1.63v-5.115h-2.75v3.75h-8.5v-3.75zm3.75 0v2.75h6.5v-2.75zm-3.75-1h14v-3.25q0-.979-.674-1.653T16.673 5H7.308q-.952 0-1.63.684Q5 6.367 5 7.327z");
}
</style><path class="ldhjb0bdj"/>`;

/** @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={"material-symbols-light:earbud-case-outline-sharp"} {...others} />);
}

export default Component;
