src/components/generics/input/Input.interface.ts

import { DetailedHTMLProps, ReactNode } from "react";

export type InputProps = {
  name: string;
  label?: ReactNode;
  placeholder?: string;
  rules?: { rule: (value: string) => boolean; errorMessage: string }[];
  value?: string;
  onSetValue: (value: string) => void;
  error?: string | null;
  onSetError?: (value: string | null) => void;
  extra?: ReactNode;
} & DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;