import React from 'react';
import {
  Footer,
  FooterContainer,
  FooterInfo,
  FooterInfoSection,
  FooterContent,
  FooterList,
  FooterListItem,
} from '@digigov/ui/app/Footer';
import Copyright from '@digigov/ui/govgr/Footer/Copyright';
import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
import Link from '@digigov/ui/navigation/Link';
import VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';

export const FooterWithText = (_: any) => {
  return (
    <Footer>
      <FooterContainer>
        <FooterInfo>
          <FooterInfoSection grow aria-label="footer info section">
            <FooterContent>
              <VisuallyHidden>Περισσότερες επιλογές</VisuallyHidden>
              <FooterList>
                <FooterListItem>
                  <Link href="#">
                    Ενημέρωση σχετικά με την επεξεργασία προσωπικών δεδομένων
                  </Link>
                </FooterListItem>
              </FooterList>
              <Copyright>
                Η άντληση των απαραίτητων στοιχείων πραγματοποιείται μέσω του{' '}
                <Link href="https://gsis.gr/dimosia-dioikisi/ked">
                  Κέντρου Διαλειτουργικότητας
                </Link>{' '}
                της{' '}
                <Link href="https://www.gsis.gr/">
                  Γενικής Γραμματείας Πληροφοριακών Συστημάτων Δημόσιας
                  Διοίκησης
                </Link>
                .
              </Copyright>
              <Copyright>
                {`Υλοποίηση από το `}
                <Link href="https://grnet.gr/" target="_blank">
                  ΕΔΥΤΕ
                  <VisuallyHidden>
                    {` (ανοίγει σε καινούρια καρτέλα)`}
                  </VisuallyHidden>
                </Link>
                {` για το `}
                <Link href="https://mindigital.gr/" target="_blank">
                  Υπουργείο Ψηφιακής Διακυβέρνησης
                  <VisuallyHidden>
                    {` (ανοίγει σε καινούρια καρτέλα)`}
                  </VisuallyHidden>
                </Link>
              </Copyright>
            </FooterContent>
          </FooterInfoSection>
          <FooterInfoSection>
            <HellenicRepublicLogo></HellenicRepublicLogo>
          </FooterInfoSection>
        </FooterInfo>
      </FooterContainer>
    </Footer>
  );
};

export default FooterWithText;