\n \n Partagez votre avis sur Google en 3 clics\n (sans exagérer) !\n
\n\n \n \n Poster mon avis sur Google\n \n \n );\n};\n\nShareReviewMessage.defaultProps = {\n isExamCenter: false,\n partnerName: '',\n};\n\nexport { ShareReviewMessage };\n","import React, { useEffect, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport Icon from '../../../images/icon-success.inline.svg';\nimport media from '../../../utils/mediaQueries';\nimport { FONT_FAMILY_MAIN, TEXT_COLOR } from '../../../theme';\nimport { ShareReviewMessage } from '../ShareReviewMessage';\n\nconst Container = styled.div`\n padding: 24px;\n height: 600px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n \n ${media.mobile`\n height: auto;\n `}\n`;\n\nconst IconSuccess = styled(Icon)`\n width: 48px;\n height: 48px;\n \n ${media.mobile`\n width: 32px;\n height: 32px;\n `}\n`;\n\nconst Title = styled.h4`\n font-family: ${FONT_FAMILY_MAIN};\n font-size: 24px;\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: 0.2px;\n color: ${TEXT_COLOR};\n margin: 32px 0 8px;\n \n ${media.mobile`\n font-size: 18px;\n line-height: 1.44;\n margin-top: 8px;\n `}\n`;\n\nconst Message = styled.div`\n font-family: ${FONT_FAMILY_MAIN};\n font-size: 18px;\n line-height: 1.33;\n letter-spacing: 0.2px;\n color: ${TEXT_COLOR};\n max-width: 437px;\n margin: 0 auto;\n \n & + & {\n margin-top: 48px;\n }\n`;\n\ntype SuccessMessageProps = {\n text: string,\n placeId?: string,\n rating?: string | number,\n reviewId?: string,\n isExamCenter?: boolean,\n title?: string,\n partnerName?: string,\n};\n\nconst SuccessMessage = ({\n text, placeId, rating, reviewId, isExamCenter = false, title, partnerName,\n}: SuccessMessageProps) => {\n const containerRef = useRef(null);\n\n useEffect(() => {\n if (containerRef.current) {\n containerRef.current.scrollIntoView();\n }\n }, []);\n\n return (\n <>\n