viam-projectv-scan/src/components/scanList/scanFooter.js

ViaCheck deposit application

import React from 'react';

const url = '';
const scanFooter = () => (
  <div className="alerts col-6">
    <div className="col-12 d-inline-flex justify-content-between align-items-center">
      <div
        className="d-flex alert-about align-items-center"
        data-toggle="tooltip"
        data-placement="top"
        title="El cheque fue verificado exitosamente"
      >
        {' '}
        <div className="rounded-circle verify checked" />
        <p className="lato-font m-0"> Exitoso</p>
      </div>
      <div
        className="d-flex alert-about align-items-center"
        data-toggle="tooltip"
        data-placement="top"
        title="Deposite el cheque bajo su responsabilidad"
      >
        <div className="rounded-circle verify issue" />
        <p className="lato-font m-0"> Riesgo Identificado</p>
      </div>
      <div
        className="d-flex alert-about align-items-center"
        data-toggle="tooltip"
        data-placement="top"
        title="El cheque debe ser removido"
      >
        <div className="rounded-circle verify error" />
        <p className="lato-font m-0"> Rechazado</p>
      </div>
    </div>
    <a href={url} className="text-muted">
      {/* *Verification is not a guarantee, click here to learn more */}
      *Verificación no es garantizada, click aquí para aprender más
    </a>
  </div>
);
export default scanFooter;