import * as React from "react";

function Input({ className = "", type = "text", ...props }) {
  return (
    <input
      type={type}
      data-slot="input"
      className={`border flex h-9 w-full rounded-md px-3 py-1 text-sm bg-white transition outline-none 
      placeholder:text-gray-400 
      focus:border-blue-500 focus:ring-2 focus:ring-blue-200 
      disabled:pointer-events-none disabled:opacity-50 
      ${className}`}
      {...props}
    />
  );
}

export { Input };
