import { Box, Chip, Divider, TextField } from "@mui/material"
import { useTranslations } from "next-intl";

const CallActionDescription = ({setDescription}) => {
    const t = useTranslations();
    return(
        <>
            <Divider sx={{margin : 2}}><Chip label={t("CallAction.description")} variant="outlined"/></Divider>
            <Box sx={{m : 2}}>
                <TextField 
                variant="outlined" 
                placeholder={t(
                    "CallAction.text_field_palacholder"
                )}
                type={"text"}
                fullWidth
                multiline
                rows={8}
                onChange={(e)=>{
                    setDescription(e.target.value)
                }}
                />
            </Box>
        </>
    )
}
export default CallActionDescription