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

const viewBox = {"width":48,"height":48};
const content = `<style>.c0f8c3j3j {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M29.442 27.753h3.429h-1.542l-5.583-10.2h-8.884V27.77l1.658.01h-3.35");
}

.o-v1oaciy {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M29.441 7.355h3.429h-1.542l-5.583 10.2h-8.883V7.338l-5.283-.01");
}

.puutzlx0t {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M11.166 36.31c0 2.409-2.537 4.362-5.666 4.362m37-.032c-1.687 0-3.304-.453-4.497-1.26c-1.192-.805-1.862-1.898-1.862-3.038");
}

.x9hmtbbzh {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M23.646 36.338c0 1.538-1.194 2.96-3.131 3.729s-4.324.77-6.262 0s-3.13-2.19-3.13-3.73");
}

.yw3rzjbgc {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M11.697 12.918c-1.118 0-2.15-.533-2.709-1.397a2.54 2.54 0 0 1 0-2.795c.559-.865 1.591-1.397 2.709-1.397m24.455 29.009c0 1.538-1.193 2.96-3.13 3.729c-1.938.77-4.324.77-6.262 0s-3.13-2.19-3.13-3.73");
}
</style><path class="c0f8c3j3j"/><path class="o-v1oaciy"/><path class="yw3rzjbgc"/><path class="x9hmtbbzh"/><path class="puutzlx0t"/>`;

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

export default Component;
