Slottable pattern

[javialon26]

Hi, is there a way to achieve the same functionality as Slottable component in Radix:

example:

// your-button.jsx
import React from "react";
import { Slot, Slottable } from "@radix-ui/react-slot";

function Button({ asChild, children, leftElement, rightElement, ...props }) {
	const Comp = asChild ? Slot : "button";
	return (
		<Comp {...props}>
			{leftElement}
			<Slottable>{children}</Slottable>
			{rightElement}
		</Comp>
	);
}

I need to build a component with more elements than only a children, if I use the composition example (https://ark-ui.com/react/docs/guides/composition), I got an error, because my component have more than a children:

Component:
return (
    <ark.div className={classes.link} {...props}>
      <Icon>
        <LucideIcon />
      </Icon>
      {children}
    </ark.div>
  );

Usage:
<SidebarMenuItem icon={UserRound} asChild>
  <NavLink to="/">Participans</NavLink>
</SidebarMenuItem>

Thanks