···

       
8
       
8
       
 
       
	}

     

       
9
       
9
       
 
       


     

       
10
       
10
       
 
       
	let { data }: Props = $props();

     

       
11
       
11
       
+
       


     

       
12
       
12
       
+
       
	const placeholders = ['meow', 'arf', '0110100001101001', '0x6869'];

     

       
11
       
13
       
 
       
</script>

     

       
12
       
14
       
 
       


     

       
13
       
15
       
 
       
<div class="flex flex-col-reverse md:flex-row gap-2 md:gap-4">

     
···

       
27
       
29
       
 
       
					<textarea

     

       
28
       
30
       
 
       
						class="text-lg p-1 m-0 ml-0.5 bg-transparent resize-none text-shadow-white placeholder-shown:[text-shadow:none] [field-sizing:content] border-none"

     

       
29
       
31
       
 
       
						name="content"

     

       
30
       
30
       
-
       
						placeholder="say meow!"

     

       
32
       
32
       
+
       
						placeholder="say {placeholders[Math.floor(Math.random() * placeholders.length)]}!"

     

       
31
       
33
       
 
       
						maxlength="300"

     

       
32
       
34
       
 
       
						required

     

       
33
       
35
       
 
       
					></textarea>