init quanitty input

src/components/common/QuanittyInput/QuanittyInput.module.scss

@@ -0,0 +1,13 @@
+// .quanittyInput::-webkit-outer-spin-button,
+// .quanittyInput::-webkit-inner-spin-button {
+//   -webkit-appearance: none;
+//   margin: 0;
+// }
+.quanittyInput{
+    @apply bg-background;
+    color: theme("textColor.active");
+    &::-webkit-inner-spin-button, &::-webkit-inner-spin-button{
+        -webkit-appearance: none;
+        margin: 0;
+    }
+}

src/components/common/QuanittyInput/QuanittyInput.tsx

@@ -0,0 +1,16 @@
+import React, { useState } from 'react'
+import s from "./QuanittyInput.module.scss"
+interface QuanittyInputProps {
+    
+}
+
+const QuanittyInput = (props: QuanittyInputProps) => {
+    const [value, setvalue] = useState(0)
+    return (
+        <div>
+            <input type="number" value={value} onChange={(e)=>setvalue(+e.target.value)} className={s.quanittyInput}/>
+        </div>
+    )
+}
+
+export default QuanittyInput