29 lines
832 B
TypeScript
29 lines
832 B
TypeScript
import { TextInputControl } from "./TextInputControl";
|
|
|
|
export function AuthInputBox(props: {
|
|
value?: string;
|
|
label?: string;
|
|
name?: string;
|
|
autoComplete?: string;
|
|
placeholder?: string;
|
|
onChange?: (data: string) => void;
|
|
passwordToggleable?: boolean;
|
|
}) {
|
|
return (
|
|
<div className="space-y-3">
|
|
{props.label ? (
|
|
<p className="font-bold text-white">{props.label}</p>
|
|
) : null}
|
|
<TextInputControl
|
|
name={props.name}
|
|
value={props.value}
|
|
autoComplete={props.autoComplete}
|
|
onChange={props.onChange}
|
|
placeholder={props.placeholder}
|
|
passwordToggleable={props.passwordToggleable}
|
|
className="w-full flex-1 bg-authentication-inputBg px-4 py-3 text-search-text focus:outline-none rounded-lg placeholder:text-gray-700"
|
|
/>
|
|
</div>
|
|
);
|
|
}
|