29 lines
671 B
TypeScript
29 lines
671 B
TypeScript
|
"use client"
|
||
|
|
import { Box } from "@mui/material"
|
||
|
|
import React, { useState } from "react"
|
||
|
|
import { useTranslation } from "react-i18next"
|
||
|
|
import Input from "@atoms/Input"
|
||
|
|
|
||
|
|
const PluEntry: React.FC = () => {
|
||
|
|
const [plu, setPlu] = useState("")
|
||
|
|
const { t } = useTranslation()
|
||
|
|
|
||
|
|
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
||
|
|
setPlu(e.target.value)
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Box sx={{ p: 1, backgroundColor: "#f5f5f5", borderRadius: 2 }}>
|
||
|
|
<Input
|
||
|
|
type="text"
|
||
|
|
value={plu}
|
||
|
|
onChange={handleInputChange}
|
||
|
|
placeholder={t("lbl_enter_PLU")}
|
||
|
|
autocomplete="off"
|
||
|
|
/>
|
||
|
|
</Box>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default PluEntry
|