import { Container, Box, Typography } from '@mui/material';
import { FeedbackForm } from './form.tsx';

export const Feedback = () => {
  return (
    <Container id="contacts">
      <Box sx={{ pt: 2, display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
        <Typography component="h2" variant="h2" gutterBottom sx={{ color: 'text.primary', textAlign: 'center' }}>
          Свяжитесь с нами
        </Typography>
        <Typography component="h5" variant="h5" gutterBottom sx={{ color: 'text.primary', textAlign: 'center' }}>
          Мы поможем разобраться в услугах и ответим на все вопросы.
        </Typography>
        <FeedbackForm />
      </Box>
    </Container>
  );
};
