Styled Paper - Copy this React, Mui Component to your project

<Stack spacing={2} direction="row" alignItems="center" sx={{ p: (theme) => theme.spacing(0, 3, 3, 3) } } > {/* <Avatar src={user?.photoURL} alt={user?.displayName}> {user?.displayName?.charAt(0).toUpperCase()} </Avatar> */} <InputBase fullWidth placeholder="Write a comment…" endAdornment={ <InputAdornment position="end" sx={{ mr: 1 }}> <IconButton size="small" > <Iconify icon="solar:gallery add bold" /> </IconButton> <IconButton size="small"> <Iconify icon="eva:smiling face fill" /> </IconButton> </InputAdornment> } inputProps={{ id: `comment input`, 'aria label': 'Write a comment' }} sx={{ pl: 1.5, height: 60, borderRadius: 1, border: (theme) => `solid 1px ${varAlpha(theme.vars.palette.grey['500Channel'], 0.32)}`, }} /> <input type="file"style={{ display: 'none' }} /> </Stack> call api post coment