import { InputHTMLAttributes, ReactNode } from "react";

export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
  loading?: boolean;
  iconLeft?: ReactNode;
  size?: "sm" | "md";
  hasError?: boolean;
  label?: string;
  labelClassName?: string;
  containerClassName?: string;
  mapPinIcon?: boolean;
  isLightMapPinIcon?: boolean;
  passwordToggle?: boolean;
  helperText?: string;
  error?: string;
  variant?: "default" | "unstyled";
};

export type InputFieldProps = Omit<
  InputHTMLAttributes<HTMLInputElement>,
  "size"
> & {
  state?: "default" | "focus" | "active" | "hover" | "filled" | "error";
  size?: "slim" | "medium" | "large";
  label?: string;
  errorText?: string;
  prefixIconName?: "location_on" | "search";
  prefixIconSize?: 20 | 24 | 40 | 48;
  prefixIconFill?: boolean;
  suffixIconFill?: boolean;
  suffixIconName?: "visibility" | "visibility_off" | "lock";
  suffixIconSize?: 20 | 24 | 40 | 48;
  containerClassName?: string;
  prefixIconClassName?: string;
  loading?: boolean;
  hasError?: boolean;
};