Can we have a Flexible loading structure for buttons

For example

```jsx
<Button>
    <Loader text="Submit" loading={true} />
</Button>
``` 

The `Loader` component began having the issue of 

```jsx
<Loader 
    variant={"replace"}
    LoaderComponent={() => <CustomLoaderComponent/>} 
/>
```