You already did that. Props are simply a map - and you can pass it as is.

If you need to pass additional props, you just assoc or merge something into that map. If you need to pass all the props except some, you just dissoc the unneeded ones.

I dont think the children are being passed through properly

oh wait

fixed it i had children in wrong spots and didnt actually pass it through

[
{:keys [on-click class variant is-full-width disabled?] :as btn-props}
{:keys [left-icon right-icon icon-spacing icon-styles] :as icon-props}
children]

I have absolutely no clue what you mean. Can you explain it in plain English?

I want to separate icon and btn props, so that way I can just pass down icon-props rather than all of them

So you have a button component that has its own props and also has a button inside that should have its own props?

kinda yeah ideally i just want to pass a few specific props into my btn-content component, not all of them

You can just combine the two prop maps, assuming the names don't conflict. Or you can make the component more composable by passing just one :label prop - then the user of the button will decide what icon will go where, if anywhere.

> You can just combine the two prop maps, assuming the names don’t conflict. what does this mean

Pass all the values in a single map.

oh so what i did above in the img ^

In React I’d just declare this and pass it const contentProps = { rightIcon, leftIcon, iconSpacing, children } not sure how to declare in a let