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

const viewBox = {"width":36,"height":36};
const content = `<style>.anh19zb {
  fill: #99aab5;
  d: path("M28 6c0 1.104-1.343 1-3 1s-3 .104-3-1s1.343-2 3-2s3 .896 3 2");
}

.enf_ytb {
  fill: #ccd6dd;
  d: path("M29 7a1 1 0 0 1-1 1h-6a1 1 0 1 1 0-2h6a1 1 0 0 1 1 1");
}

.f5ph9zb {
  fill: #60352a;
  d: path("M9 13c0-1-3-2-6 1s1.021 5 1.021 5S8 22 7 19s2-5.001 2-6");
}

.jj8szeb {
  cx: 32px;
  cy: 16px;
  fill: #99aab5;
  rx: 2px;
  ry: 1px;
}

.ri5bgzb {
  fill: #99aab5;
  d: path("M36 21a1 1 0 0 1-1 1L1 20a1 1 0 1 1 0-2l34 2a1 1 0 0 1 1 1");
}

.rrus1yv {
  cx: 28px;
  cy: 34px;
  r: 2px;
  fill: #99aab5;
}

.s3arll7a {
  fill: #af7e57;
  d: path("M11 17c1 3 .209 5-2 5s-5.012-2.024-6-4c-1-2 .904-4.301 3-5c3-1 4.368 2.102 5 4");
}

.tkbq7ubr {
  fill: #ccd6dd;
  d: path("M33 21a1 1 0 0 1-1-1V4c0-1.582-1.962-2-3-2s-3 .418-3 2a1 1 0 1 1-2 0c0-2.626 2.516-4 5-4s5 1.374 5 4v16a1 1 0 0 1-1 1");
}

.vahujpbm {
  fill: #ccd6dd;
  d: path("M30 34H12C7 34 2 28 1 20c-.248-1.984.812-1 3.021-1C4.021 19 17 21 30 21c2 0 5-1.209 5 1c0 0-1 12-5 12");
}

.we3oaoo {
  cx: 12px;
  cy: 34px;
  r: 2px;
  fill: #99aab5;
}
</style><path class="s3arll7a"/><path class="f5ph9zb"/><ellipse class="jj8szeb"/><path class="tkbq7ubr"/><path class="anh19zb"/><path class="enf_ytb"/><circle class="we3oaoo"/><circle class="rrus1yv"/><path class="vahujpbm"/><path class="ri5bgzb"/>`;

/** @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:person-taking-bath-medium-dark-skin-tone"} {...others} />);
}

export default Component;
