Built for people who think better out loud.
1<script lang="ts">
2 import type { HTMLTextareaAttributes } from "svelte/elements";
3 let { class: className = "", ...props }: HTMLTextareaAttributes = $props();
4</script>
5
6<textarea
7 {...props}
8 class="
9 px-3 py-1 font-base bg-slate-950/7
10 border-s-slate-950 rounded-md
11 border-l-4 border-t-4 border-r border-b
12 shadow-[inset_-1px_-1px_3px_rgba(15,23,42,0.85)]
13 focus-visible:outline-none focus-visible:border-blue-500
14 disabled:bg-slate-50 disabled:text-slate-500
15 disabled:border-slate-300 disabled:shadow-none
16 {className}
17 "
18></textarea>