05_react/uebungen/u11_footer-main/src/components/inputs/InputAmount.jsx

@@ -0,0 +1,22 @@
+const InputAmount = (props) => {
+  // const { } = props;
+
+  return (
+    <div className="m-input-amount input-amount">
+      <div className="input-group mb-3">
+        <span className="input-group-text">
+          <button className="btn btn-dark button-decrease">
+            -<span className="visually-hidden">Decrease Amount</span>
+          </button>
+        </span>
+        <input type="number" name="amount" placeholder="0" aria-label="Amount" className="form-control input-amount" />
+        <span className="input-group-text">
+          <button className="btn btn-dark button-increase">
+            +<span className="visually-hidden">Increase Amount</span>
+          </button>
+        </span>
+      </div>
+    </div>
+  );
+};
+export default InputAmount;