import React from 'react';
import styles from './styles.module.css';
import { Text, Title } from '../../atoms';

export const Footer = ({
    logo = '/'
}) => {
    return (
        <footer className={styles.footer} >
            <div className={styles.row}>
                <div className={styles["col-xl-6"]}>
                    <div className={styles["conten-logo-redes"]}>
                        <img src={logo} alt="Admina Logo" />
                        <div className={styles["content-redes"]}>
                            <i className="fa-brands fa-instagram"></i>
                            <i className="fa-brands fa-linkedin"></i>
                        </div>
                    </div>
                </div>
                <div className={styles["col-xl-6"]}>
                    <div className={styles["contant-contanto"]}>
                        <Text color='white' lineHeight='2xl' >Contacto</Text>
                        <Text color='white' lineHeight='2xl' >santiago@admina.com.co</Text>
                        <Text color='white' lineHeight='2xl' >(+57) 3116354428</Text>
                    </div>
                </div>
            </div>
            <Title color='white' lineHeight='2xl' align='center' as='h2' className={styles["text-center"]}>Admina S.A.S ©2023</Title>
        </footer>
    );
};
