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

const viewBox = {"width":24,"height":24};
const content = `<style>.yxtiykbmi {
  fill: currentColor;
  d: path("M4 18.462q-.846 0-1.423-.577T2 16.46v-4.807q0-.594.443-1.009T3.5 10.23t1.057.414t.443 1.01v3.308h14v-3.308q0-.594.443-1.009t1.057-.414t1.057.414t.443 1.009v4.808q0 .846-.577 1.423T20 18.462zm2-4.5v-2.5q0-.864-.574-1.47T4 9.3V7.846Q4 7 4.577 6.423T6 5.846h12q.846 0 1.423.577T20 7.846V9.3q-.863.083-1.432.697q-.568.614-.568 1.465v2.5z");
}
</style><path class="yxtiykbmi"/>`;

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

export default Component;
