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

const viewBox = {"width":36,"height":36};
const content = `<style>.amak3fh {
  fill: #ffac33;
  d: path("M5 22s2-5 5-9s8-8 8-8s-1 11-1 16v1s-3-1-6-1s-6 1-6 1");
}

.dcxiybv {
  fill: #a7a9ac;
  d: path("M20 26a1 1 0 1 1-2 0V1a1 1 0 0 1 2 0z");
}

.dr7kryb {
  fill: #e6e7e8;
  d: path("M2 24a1 1 0 1 0 0 2h33v-2z");
}

.m9-4n00a {
  fill: #f4900c;
  d: path("M20 2s6 6 9 11c2.771 4.618 4 9 4 9s-3-1-6-1s-6 1-6 1v-1c0-9-1-19-1-19");
}

.r6qqcqw {
  fill: #d1d3d4;
  d: path("M3 24h31v8H12c-6 0-9-8-9-8");
}

.y-qpvgq {
  fill: #55acee;
  d: path("M0 30h36v6H0z");
}
</style><path class="dcxiybv"/><path class="r6qqcqw"/><path class="y-qpvgq"/><path class="amak3fh"/><path class="m9-4n00a"/><path class="dr7kryb"/>`;

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

export default Component;
