import React, { FC } from "react";
import clsx from "clsx";
import { PrefixLabel } from "./PrefixLabel";
import { NumberInput, NumberInputProps } from "@components/Input";

export const PlaceOrderInput: FC<NumberInputProps> = props => {
  const { dark, className, placeholder, endAdornment, name, ...reset } = props;

  return (
    <NumberInput
      {...reset}
      className={clsx("!w-full font-[14px] nts-placeOrder-input", className)}
      variant="outlined"
      startAdornment={<PrefixLabel className="" label={placeholder} name={name} />}
      endAdornment={endAdornment}
      name={name}
    />
  );
};