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

const viewBox = {"width":36,"height":36};
const content = `<style>.a5yeict {
  fill: #231f20;
  d: path("M35 11V6H1v5h6v14H1v5h34v-5h-6V11zm-8 14H9V11h18z");
}

.er683db {
  fill: #bbddf5;
  d: path("M29 11h6v14h-6zM1 11h6v14H1zm8 0h18v14H9z");
}

.iqs_kbbk {
  fill: #f5f8fa;
  d: path("M31 7h2v3h-2zm-4 0h2v3h-2zm-4 0h2v3h-2zm-4 0h2v3h-2zm-4 0h2v3h-2zm-4 0h2v3h-2zM7 7h2v3H7zM3 7h2v3H3zm28 19h2v3h-2zm-4 0h2v3h-2zm-4 0h2v3h-2zm-4 0h2v3h-2zm-4 0h2v3h-2zm-4 0h2v3h-2zm-4 0h2v3H7zm-4 0h2v3H3z");
}

.jpvb7cb {
  fill: #88c9f9;
  d: path("M29 25V11h1v14zM9 25V11h1v14z");
}
</style><path class="er683db"/><path class="a5yeict"/><path class="iqs_kbbk"/><path class="jpvb7cb"/>`;

/** @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={"twemoji:film-frames"} {...others} />);
}

export default Component;
