create-nova-vite-template/template/src/components/Atoms/TextInput/types.ts

This is a dashboard template built with React and Vite. It provides a modern and responsive user interface for building web applications.

import { ChangeEventHandler } from "react";
import { UseFormRegisterReturn } from "react-hook-form";
import { TranslationKeyEnum } from "@/types/TranslationKeyEnum";

export interface TextInputAtomProps {
  name?: string;
  containerStyle?: string;
  inputStyle?: string;
  onChange?: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
  value?: string;
  defaultValue?: string;
  placeholder?: string;
  label?: TranslationKeyEnum;
  labelStyle?: string;
  isPasswordInput?: boolean;
  type?: "password" | "textarea" | "text" | "number";
  status?: "default" | "error" | "disabled";
  errorMsg?: string;
  reactHookFormProps?: UseFormRegisterReturn;
  prefixIcon?: string;
  suffixIcon?: string;
}