import React from 'react';

import Axa from '../../../../assets/img/partner/logo-axa.svg';
import Hiscox from '../../../../assets/img/partner/logo-hiscox.svg';
import Qonto from '../../../../assets/img/partner/logo-qonto.svg';
import RocketForSales from '../../../../assets/img/partner/logo-rocket-for-sales.png';
import Sma from '../../../../assets/img/partner/logo-sma.png';
import Google from '../../../../assets/img/icons/google.svg';
import { PartnerContainer, Review, PartnerWrapper } from '../../../../styles/components/main/product/cyber/Partner.style';

const Partner: React.FC = () => (
  <PartnerContainer>
    <div>
      <Review>
        <Google />
        <div>
          <span>★ ★ ★ ★ ★</span> 4.9 / 5
          <a href="http://bit.ly/notezEasyblue" target="_blank" rel="noopener noreferrer">Voir nos avis clients</a>
        </div>
      </Review>
      <PartnerWrapper>
        <Axa />
        <Hiscox />
        <img src={Sma} alt="sma" />
        <Qonto />
        <img src={RocketForSales} alt="rocket-for-sales" />
      </PartnerWrapper>
    </div>
  </PartnerContainer>
);

export default Partner;