import {Stack, Typography} from "@mui/material";
import {useTranslations} from "next-intl";
import LtrTextField from "@/core/components/LtrTextField";

const PriceField = (props) => {
    const t = useTranslations();
    return (
        <Stack spacing={1}>
            <Stack>
                <LtrTextField
                    {...props}
                />
            </Stack>
            <Stack direction="row" alignItems="center">
                <Typography sx={{margin: 1}} component="span">
                    {((props.value) / 10).toLocaleString()}
                </Typography>
                <Typography component="span" variant="caption">
                    {t("ConfirmDialog.toman")}
                </Typography>
            </Stack>
        </Stack>)
}
export default PriceField