Skip to content
Snippets Groups Projects
EfficientyModal.tsx 1.42 KiB
Newer Older
  • Learn to ignore specific revisions
  • rpapin's avatar
    rpapin committed
    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