'use client';

import {Wallet} from 'lucide-react';
import {LocalizedNumberInput} from './localized-number-input';
import type {Locale} from '@/lib/catalog';

export function InvestmentAmountInput({amount,onAmountChange,locale,invalid,description}:{amount:string;onAmountChange:(amount:string)=>void;locale:Locale;invalid:boolean;description?:string}){
 return <div className="sp-amount-input"><LocalizedNumberInput id="sp-amount" locale={locale} value={amount} onValueChange={onAmountChange} inputMode="decimal" autoComplete="off" maxLength={80} aria-invalid={invalid} aria-describedby={description} data-slot="input" className="w-full min-w-0 border border-input outline-none transition-colors focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 aria-invalid:border-destructive"/><Wallet size={19}/></div>;
}