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

const viewBox = {"width":36,"height":36};
const content = `<style>.db7pccby {
  fill: #66757f;
  d: path("m30 14.764l-5.105-2.553l-6-3L18 8.764l-.895.447l-6 3L6 14.764V16h24zM12 14l6-3l6 3z");
}

.gy5hf3b {
  fill: #d1d3d4;
  d: path("M5 23h26v7H5z");
}

.kefiytb {
  fill: #66757f;
  d: path("M30 20H6l-5 4h34z");
}

.kpo_rch {
  fill: #6d6e71;
  d: path("M5 27h26v2H5z");
}

.ony-xrb {
  fill: #d1d3d4;
  d: path("M18 9.882L9.764 14h16.472z");
}

.q04safr {
  fill: #66757f;
  d: path("M12 2h12v2l2 2H10l2-2z");
}

.s5grzyq {
  fill: #d1d3d4;
  d: path("M6 17h24v3H6zm18-8V5H12v4h-2v2h16V9z");
}

.srcb7zb {
  fill: #99aab5;
  d: path("M23 0v1H13V0h-1v2h12V0z");
}

.uvpda3b {
  fill: #66757f;
  d: path("m30 14l-1-5H7l-1 5l-4 3h32zM18 9.882L26.236 14H9.764z");
}

.uz5t2rk {
  fill: #d99e82;
  d: path("M0 36h36l-4-7H4z");
}
</style><path class="gy5hf3b"/><path class="uz5t2rk"/><path class="kefiytb"/><path class="ony-xrb"/><path class="uvpda3b"/><path class="s5grzyq"/><path class="q04safr"/><path class="srcb7zb"/><path class="db7pccby"/><path class="kpo_rch"/>`;

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

export default Component;
