<script lang="ts">
  import type { HTMLTextareaAttributes } from "svelte/elements";
  let { class: className = "", ...props }: HTMLTextareaAttributes = $props();
</script>

<textarea
  {...props}
  class="
    px-3 py-1 font-base bg-slate-950/7
    border-s-slate-950 rounded-md
    border-l-4 border-t-4 border-r border-b
    shadow-[inset_-1px_-1px_3px_rgba(15,23,42,0.85)]
    focus-visible:outline-none focus-visible:border-blue-500
    disabled:bg-slate-50 disabled:text-slate-500
    disabled:border-slate-300 disabled:shadow-none
    {className}
  "
></textarea>
