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

const viewBox = {"width":48,"height":48};
const content = `<style>.ctbyrjbyj {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M4.5 29.22h39m-30.992 6.087h22.984M20.11 41.073h7.608M10.344 12.724l3.976 3.975m23.198-4.405l-3.976 3.975m-9.5-9.341l.011 5.622M13.204 29.22c-.208-1.784-.416-3.568.018-5.61c.435-2.044 1.51-4.347 3.398-5.99c1.888-1.641 4.587-2.623 7.267-2.594c2.68.028 5.342 1.066 7.241 2.762s3.036 4.05 3.46 6.065s.135 3.69-.153 5.367");
}
</style><path class="ctbyrjbyj"/>`;

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

export default Component;
