import { Field } from '@luke-ui/react/field/primitive';
import { InputGroup, InputGroupInput, InputGroupPrefix } from '@luke-ui/react/text-field/primitive';

export default function AmountField() {
	return (
		<Field description="Enter an amount in dollars." label="Amount">
			<InputGroup>
				<InputGroupPrefix>$</InputGroupPrefix>
				<InputGroupInput inputMode="decimal" name="amount" placeholder="0.00" />
			</InputGroup>
		</Field>
	);
}