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

const viewBox = {"width":36,"height":36};
const content = `<style>.cy3p2scg {
  fill: #66757f;
  d: path("M17 14h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2m8 0h-4a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2m0-5H10a1 1 0 0 1 0-2h15a1 1 0 1 1 0 2");
}

.hu_ntku {
  fill: #c1694f;
  d: path("M15 21h5v2h-5z");
}

.x3sg4acl {
  fill: #d99e82;
  d: path("M20 33.5v-31A1.5 1.5 0 0 0 18.5 1h-2A1.5 1.5 0 0 0 15 2.5v31a1.5 1.5 0 0 0 1.5 1.5h2a1.5 1.5 0 0 0 1.5-1.5");
}

.y8qbh2bz {
  fill: #e1e8ed;
  d: path("M28 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h21a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2");
}
</style><path class="x3sg4acl"/><path class="y8qbh2bz"/><path class="cy3p2scg"/><path class="hu_ntku"/>`;

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

export default Component;
