<script lang="ts">
  export let placeholder: string = "Search";
  export let value: string = "";
  export let onChange: (value: string) => void = () => {};

  const handleChange = (event: any) => {
    const target = event.target as HTMLInputElement;
    onChange(target.value as string);
  }
</script>

<textarea
  {value}
  {placeholder}
  rows="5"
  class="bg-neutral-900 border border-neutral-800 rounded-lg text-neutral-200 text-base outline-none border-none placeholder:text-neutral-500 w-full px-4 py-3"
  on:input={handleChange}
/>