import styles from './Footer.module.scss';
import Image from "next/image";
import { Container, Row, Col } from 'reactstrap';

export function Footer() {
    return (
      <>
        <Container fluid className='mt-4 mb-4'>
          <Row className='align-items-center justify-content-end'>
            <Col xs={2} className={styles.imgContainer}>
             <Image
               src = "/assets/CC FIU Footer Logo.png"
               height = {"52px"}
               width = {"110px"}
                  />           
            </Col>
            <Col xs={2} className={styles.imgContainer}>
             <Image 
               src = "/assets/CC NSF Footer Logo.png"
               height = {"130px"}
               width = {"130px"} 
               />
            </Col>
          </Row>
        </Container>
      </>
      // {/* <footer>
      //   <div className = {styles.container} >
      //     <div className = {styles.textImage} >
      //       <Image
      //         src = "/assets/CC FIU Footer Logo.png"
      //         height = {"52px"}
      //         width = {"112px"}
      //           />

      //     </div>

      //     <div className = {styles.logoImage} >
      //       <Image 
      //         src = "/assets/CC NSF Footer Logo.png"
      //         height = {"130px"}
      //         width = {"130px"} 
      //         />
          
      //     </div>
      //   </div>
      // </footer> */}
    );
}
