Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
import React from 'react'
import { useI18n } from 'cozy-ui/transpiled/react/I18n'
import Modal from 'components/CommonKit/Modal/Modal'
import './efficientyModal.scss'
import thunderFilled from 'assets/icons/visu/thunderFilled.svg'
import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
import EfficientyRating from './EfficientyRating'
interface EfficientyModalProps {
handleCloseClick: () => void
}
const EfficientyModal: React.FC<EfficientyModalProps> = ({
handleCloseClick,
}: EfficientyModalProps) => {
const { t } = useI18n()
return (
<Modal handleCloseClick={handleCloseClick}>
<div className="header-efficienty-modal text-22-bold">
<StyledIcon icon={thunderFilled} size={50} />
{t('modal_efficienty.title')}
</div>
<div className="em-content-box">
<div className="em-content-box-text">
<div className="em-title text-19-normal ">
{t('modal_efficienty.description')}
</div>
<div className="em-description-2 text-16">
<div className="star-efficienty-modal">
<EfficientyRating result={5} />
{t('modal_efficienty.important_eco')}
</div>
<div className="star-efficienty-modal">
<EfficientyRating result={1} />
{t('modal_efficienty.weak_eco')}
</div>
</div>
</div>
</div>
</Modal>
)
}
export default EfficientyModal