{"size": 1054, "ext": "js", "max_stars_repo_path": "src/components/Footer.js", "max_stars_repo_name": "OpenMined/opengrid-demo", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Footer.js", "max_issues_repo_name": "OpenMined/opengrid-demo", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Footer.js", "max_forks_repo_name": "OpenMined/opengrid-demo", "max_forks_repo_forks_event_min_datetime": "2021-11-03T10:50:12.000Z", "max_forks_repo_forks_event_max_datetime": "2021-11-03T10:50:12.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 25.0952380952, "max_line_length": 76, "alphanum_fraction": 0.4781783681}
import React from 'react';
import { Box, Flex, Link, Text } from '@chakra-ui/core';

export default () => (
  <Box width="full" bg="gray.50" p={4} mt={12}>
    <Flex direction={{ base: 'column', md: 'row' }} justify="space-between">
      <Text fontWeight="bold" color="gray.700">
        Built by{' '}
        <Link
          as="a"
          target="_blank"
          rel="noopener noreferrer"
          href="https://openmined.org"
        >
          OpenMined
        </Link>
      </Text>
      <Flex mt={{ base: 4, md: 0 }}>
        <Link
          as="a"
          color="blue.500"
          mr={4}
          target="_blank"
          rel="noopener noreferrer"
          href="https://github.com/OpenMined/opengrid-demo/issues"
        >
          Report a problem
        </Link>
        <Link
          as="a"
          color="blue.500"
          target="_blank"
          rel="noopener noreferrer"
          href="https://slack.openmined.org"
        >
          Join our Slack Community!
        </Link>
      </Flex>
    </Flex>
  </Box>
);
