How to pass a component as a prop in another component in svelte

I have 2 components - Slider Component and Button Component

Following is the Button component

<script>  export button_type, custom_class, clickHander;</script><button type={button_type} class= "{custom_class} on:click="{clickHandler}"<span>{buttonType.button_text}</span></button>

I am using the above Button component in Slider Component

<script>import Button from './file_path'</script><div><h1>I am slider</h1><Button /></div>

My objective is to use this Slider component in the App.svelte (root) and pass the props to Button from App.svelte

How can I achieve this?