import React from 'react';

import HeaderBackButton from 'components/navigation/headerBackButton';
import {
  navigationGenericTitleStyle,
  navigationNoShadowStyle,
} from './components/Navigator/Navigator.styles';

const navigationOptions = {
  Main: {},
  AccountHome: {
    header: () => null,
  },
  NoHeader: () => {
    return {
      headerShown: false,
    };
  },
  AccountDetails: {
    header: () => null,
  },
  Applications: {
    title: null,
    header: () => null,
  },
  Send: {
    title: null,
    header: () => null,
  },
  Bookmarks: {
    tabBarLabel: 'Bookmarks',
    headerShown: false,
  },
  Settings: {
    title: null,
    header: () => null,
  },
  Register: {
    title: null,
    header: () => null,
  },
  TransactionsHistory: {
    header: () => null,
  },
  TransactionDetails: {
    header: () => null,
  },
  CurrencySelection: {
    title: null,
    headerLeft: (props) => <HeaderBackButton title="Select your currency" {...props} />,
    headerStyle: navigationNoShadowStyle,
    headerTitleStyle: navigationGenericTitleStyle,
  },
  About: {
    title: null,
    headerLeft: (props) => <HeaderBackButton title="About Lisk" {...props} />,
    headerStyle: navigationNoShadowStyle,
    headerTitleStyle: navigationGenericTitleStyle,
  },
  Terms: {
    title: null,
    headerLeft: (props) => <HeaderBackButton title="Terms of use" {...props} alwaysLight />,
    headerStyle: navigationNoShadowStyle,
    headerTitleStyle: navigationGenericTitleStyle,
  },
  PrivacyPolicy: {
    title: null,
    headerLeft: (props) => <HeaderBackButton title="Privacy policy" {...props} alwaysLight />,
    headerStyle: navigationNoShadowStyle,
    headerTitleStyle: navigationGenericTitleStyle,
  },
  AddBookmark: {
    title: null,
    header: () => null,
  },
  SignIn: {
    header: () => null,
  },
  Intro: {
    header: () => null,
  },
  EditAccount: {
    title: null,
    header: () => null,
  },
  Error: {
    title: null,
    header: () => null,
  },
};

export default navigationOptions;
