import type { InputHTMLAttributes } from 'react';

import { cls } from '../../utils/cls';

interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
  className?: string;
}

export const Input = ({ className = '', ...rest }: InputProps) => (
  <input
    className={cls(
      'w-full rounded-2xl border px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-gray-200',
      className,
    )}
    {...rest}
  />
);


