import React from 'react'
import {
  NavIconTechWhitepapers,
  NavIconTechOverview,
  NavIconTechGithub,
  NavIconTechDocs,
  NavIconCommunitySlack,
  NavIconCommunityForum,
  NavIconCommunityEvents,
  NavIconAboutTokenOffering,
  NavIconAboutRoadmap,
  NavIconAboutCompany,
  NavIconAboutCareers,
  NavIconCommunityBlog
} from '@components/v2/vectors'
import { Newsletter } from '@components/v2/newsletter'

const EmailInput = Newsletter

const footerNavigation = [
  {
    label: 'Blockstack',
    items: [
      { label: 'Create an ID', href: 'https://browser.blockstack.org/sign-up' },
      { label: 'Sign In', href: 'https://browser.blockstack.org/sign-in' },
      { label: 'Technology', path: '/technology' },
      { label: 'Try Blockstack', path: '/try-blockstack' },
      { label: 'App Mining', href: 'https://app.co/mining' },
      { label: 'Explorer', href: 'https://explorer.blockstack.org' },
      { label: 'Stacks Wallet', href: 'https://wallet.blockstack.org' }
    ]
  },
  {
    label: 'Resources',
    items: [
      { label: 'FAQs', href: 'https://docs.blockstack.org/faqs/allfaqs' },
      {
        label: 'App user guides',
        href: 'https://docs.blockstack.org/browser/browser-introduction.html'
      },
      {
        label: 'Developer guides',
        href: 'https://docs.blockstack.org/develop/dapp_principles.html'
      },
      {
        label: 'App mining guide',
        href: 'https://docs.blockstack.org/community/app-miners-guide.html'
      },
      { label: 'Documentation', href: 'https://docs.blockstack.org/' },
      { label: 'Support', href: 'https://blockstack.zendesk.com/hc/en-us' }
    ]
  },
  {
    label: 'Community',
    items: [
      { label: 'Forum', href: 'https://forum.blockstack.org' },
      { label: 'Slack', href: 'https://chat.blockstack.org' },
      { label: 'GitHub', href: 'https://github.com/blockstack' },
      { label: 'Community guide', href: 'https://github.com/blockstack' },
      { label: 'Events', href: 'https://community.blockstack.org/events' },
      { label: 'Telegram', href: 'https://t.me/BlockstackChat' },
      { label: 'Telegram (中文群)', href: 'https://t.me/BlockstackChinese' },
      { label: 'Newsletters', href: 'https://blockstack.org/updates' }
    ]
  },
  {
    label: 'About',
    items: [
      { label: 'Company', path: '/about' },
      { label: 'Careers', path: '/careers' },
      { label: 'Stacks Tokens', href: 'https://stackstoken.com' },
      { label: 'Roadmap', path: '/roadmap' },
      { label: 'News', href: 'https://blog.blockstack.org' },
      { label: 'Contact', href: '#' }
    ]
  },
  {
    label: 'Stay up to date',
    open: true,
    items: [
      { children: <EmailInput /> },
      { label: 'Blog', href: 'https://blog.blockstack.org/' },
      { label: 'Press', path: '/press' },
      { label: 'Branding', href: 'https://branding.blockstack.design' },
      { label: 'Swag', href: 'https://blockstack.myshopify.com/' }
    ]
  }
]
const navigation = [
  { label: 'Try Blockstack', slug: 'try', path: '/try-blockstack' },
  {
    label: 'Technology',
    slug: 'technology',
    path: '/technology',
    items: [
      { label: 'Overview', path: '/technology', icon: NavIconTechOverview },
      { label: 'Whitepapers', path: '/papers', icon: NavIconTechWhitepapers },
      {
        label: 'Documentation',
        href: 'https://docs.blockstack.org',
        icon: NavIconTechDocs
      },
      {
        label: 'GitHub',
        href: 'https://github.com/blockstack',
        icon: NavIconTechGithub
      }
    ]
  },
  {
    label: 'About',
    slug: 'about',
    path: '/about',
    items: [
      { label: 'Company', path: '/about', icon: NavIconAboutCompany },
      {
        label: 'Token Offering',
        href: 'https://stackstoken.com',
        icon: NavIconAboutTokenOffering
      },
      { label: 'Roadmap', path: '/roadmap', icon: NavIconAboutRoadmap },
      { label: 'Careers', path: '/careers', icon: NavIconAboutCareers }
    ]
  },
  {
    label: 'Community',
    slug: 'community',
    href: 'https://community.blockstack.org/',
    items: [
      {
        label: 'Blog',
        href: 'https://blog.blockstack.org',
        icon: NavIconCommunityBlog
      },
      {
        label: 'Forum',
        href: 'https://forum.blockstack.org',
        icon: NavIconCommunityForum
      },
      {
        label: 'Slack',
        href: 'https://chat.blockstack.org',
        icon: NavIconCommunitySlack
      },
      {
        label: 'Events',
        href: 'https://community.blockstack.org/events',
        icon: NavIconCommunityEvents
      }
    ]
  },
  { label: 'Sign In', href: 'https://browser.blockstack.org/sign-in' },
  {
    label: 'Create ID',
    href: 'https://browser.blockstack.org/sign-up',
    variant: 'call-to-action'
  }
]

export { navigation, footerNavigation }

@@ -1548,32 +1548,80 @@
 kstack.org/' %7D,%0A
+      %7B label: 'Whitepapers', path: 'papers' %7D,%0A
       %7B label: '

add whitepapers to footer