import React , { FC } from 'react' ; import styled from 'styled-components' ; import SmallParagraph from '../SmallParagraph' ; const iconGithub = '/images/icon-github.svg' ; const OpenSourceContainer = styled . div `
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 12px;
  margin-bottom: 16px;
  align-items: center;
` ; const GithubIcon = styled . img `
  width: 16px;
  height: 16px;
` ; const OpenSourceNote = ( ) => { return ( < OpenSourceContainer > < GithubIcon alt = 'GitHub Mark' src = { iconGithub } / > < SmallParagraph > Giess den Kiez ist ein & nbsp ; < a target = 'blank' href = 'https://github.com/technologiestiftung/giessdenkiez-de' > Open Source Projekt ! < /a> < /SmallParagraph> < /OpenSourceContainer>); } ; export default OpenSourceNote ;