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

const viewBox = {"width":48,"height":48};
const content = `<style>.h3ciyv_vf {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M12.79 19.45C8.81 17 17.7 5.5 18.19 5.5s9.44 11.9 5.12 13.86M21 20.76a2.47 2.47 0 0 1-2.47 2.47h0A2.47 2.47 0 1 1 21 20.76m-7.57-1.52c2.11-2.11 6.34-7.4 11.63 3.17c8.45-5.28 1-.56 13.76-8.42c3.18 7.37-2.1 13.71-6.32 17.94c1 3.17 3.89 7.66 5.28 10.57c-6.34-1.06-24.31-3.17-25.37-18c-4.23-3.68-1.06-.88-4.23-3.61c3.74-1.11.82-.29 5.29-1.65Z");
}
</style><path class="h3ciyv_vf"/>`;

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

export default Component;
