import {NumberInput} from "@heroui/react";

export default function App() {
  const sizes = ["sm", "md", "lg"];

  return (
    <div className="w-full flex flex-col gap-4">
      {sizes.map((size) => (
        <div key={size} className="flex w-full flex-wrap md:flex-nowrap mb-6 md:mb-0 gap-4">
          <NumberInput label="Amount" placeholder="Enter the amount" size={size} />
        </div>
      ))}
    </div>
  );
}