<script>
  import { cn } from "$lib/utils.js";

  export let value = "";
  export let type = "text";
  export let placeholder = "";
  export let inputmode = undefined;
  export let maxlength = undefined;
  export let autocomplete = undefined;
  export let disabled = false;
  let className = "";
  export { className as class };
</script>

<input
  bind:value
  class={cn("input", className)}
  on:keydown
  on:input
  on:focus
  on:blur
  {type}
  {placeholder}
  {inputmode}
  {maxlength}
  {autocomplete}
  {disabled}
  {...$$restProps}
/>
