import { FC } from 'react'; import { Box, Button, styled, TextField } from '@mui/material'; import { StyledAvatar } from './StyledAvatar'; const AddCommentWrapper = styled(Box)(({ theme }) => ({ display: 'flex', marginTop: theme.spacing(2), marginBottom: theme.spacing(1), })); export const AddCommentField: FC<{ imageUrl: string; commentText: string; onTypeComment: (text: string) => void; }> = ({ imageUrl, commentText, onTypeComment, children }) => ( <> onTypeComment(e.target.value)} value={commentText} /> {children} );