Fix copy button in gr.Textbox (#12516)

* fix

* add changeset

---------

Co-authored-by: gradio-pr-bot <[email protected]>

Author: dawoodkhan82

.changeset/wild-lands-shake.md

@@ -0,0 +1,6 @@
+---
+"@gradio/textbox": patch
+"gradio": patch
+---
+
+fix:Fix copy button in `gr.Textbox`

js/textbox/Index.svelte

@@ -82,7 +82,7 @@
 		placeholder={gradio.props.placeholder}
 		submit_btn={gradio.props.submit_btn}
 		stop_btn={gradio.props.stop_btn}
-		show_copy_button={gradio.props.show_copy_button}
+		buttons={gradio.props.buttons}
 		autofocus={gradio.props.autofocus}
 		container={gradio.shared.container}
 		autoscroll={gradio.shared.autoscroll}

js/textbox/shared/Textbox.svelte

@@ -21,7 +21,7 @@
 	export let container = true;
 	export let max_lines: number | undefined = undefined;
 	export let type: "text" | "password" | "email" = "text";
-	export let show_copy_button = false;
+	export let buttons: string[] = [];
 	export let submit_btn: string | boolean | null = null;
 	export let stop_btn: string | boolean | null = null;
 	export let rtl = false;
@@ -243,7 +243,7 @@
 
 <!-- svelte-ignore a11y-autofocus -->
 <label class:container class:show_textbox_border>
-	{#if show_label && show_copy_button}
+	{#if show_label && buttons.includes("copy")}
 		<IconButtonWrapper>
 			<IconButton
 				Icon={copied ? Check : Copy}

js/textbox/types.ts

@@ -24,7 +24,7 @@ export interface TextboxProps {
 	placeholder: string;
 	submit_btn: string;
 	stop_btn: string;
-	show_copy_button: boolean;
+	buttons: string[];
 	autofocus: boolean;
 	autoscroll: boolean;
 	max_length: number;