import React from "react";

interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
  label?: string;
}

function Input({ label, ...props }: InputProps) {
  return (
    <label className="space-y-2">
      {label && <p className="text-xs text-black/50">{label}</p>}
      <input
        {...props}
        className="bg-white rounded-lg px-5 py-3.5 outline-none ring-1 ring-transparent focus:ring-[#363636] transition-[ring-color] inline-block w-full"
      />
    </label>
  );
}

export default Input;