import React from 'react'; import { Button } from '../Button'; import { Logo } from '../Logo'; import { Text, Title } from '../Typography'; import { GithubOutlined } from '@ant-design/icons'; import { footerWithStyle } from './Footer.styles'; import { COLABORADORES_FORM, GITHUB_LINK } from '../../../resources/links'; const Footer = ({ className }) => { return ( <footer className={'header ' + className}> <div className='footer-container'> <div className='info-content'> <div className='col'> <Logo className='inverted' /> <Text> O Corona Brasil é um projeto voluntário, de código aberto. Nosso objetivo é ajudar no combate à pandemia do novo coronavírus reunindo as informações essenciais que os cidadãos precisam para trabalhar, prestar e solicitar serviços, fazer compras e realizar atividades cotidianas. </Text> <div className='social'> <a target='__blank' href={GITHUB_LINK}> <GithubOutlined style={{ color: 'white' }} /> </a> </div> </div> <div className='col'> {/* <Title.h2>Lorem ipsum dolor sit amet,</Title.h2> <Text> Consectetur adipiscing elit. Maecenas eget justo ligula. Class aptent taciti sociosqu </Text> */} </div> <div className='col'> {/* <Title.h2>Lorem ipsum dolor sit amet,</Title.h2> <Text> Consectetur adipiscing elit. Maecenas eget justo ligula. Class aptent taciti sociosqu </Text> */} </div> <div className='col'> <Title.h2>Faça esse projeto crescer</Title.h2> <a target='__blank' href={COLABORADORES_FORM}> <Button type='primary' className='help-cta outline inverted'> Ajude-nos </Button> </a> </div> </div> <div className='copyright'> <Text>© Corona Brasil 2020</Text> </div> </div> </footer> ); }; export default footerWithStyle(Footer);