/**
 * React Native Full App (https://store.enappd.com/product/react-native-full-app)
 *
 * Copyright © 2019-present Enappd. All rights reserved.
 *
 * This source code is licensed as per the terms found in the
 * LICENSE.md file in the root directory of this source tree.
 */
import React, { Component } from 'react';
import {
  Container,
  Tab,
  Tabs,
  TabHeading,
  Icon,
  StyleProvider,
} from 'native-base';
import { NavigationDrawerScreenProps } from 'react-navigation-drawer';
import getTheme from '../../../../native-base-theme/components';
import material from '../../../../native-base-theme/variables/materialStar';
import FavouredTabs from '../favouredTabs/favoureedTabs';
import ProfileTabs from '../../../views/star/instagram/profileTabs/profileTabs';
import InstaMain from '../../../views/star/instagram/instaMain';
import styles from './bottonTabsStyles';

interface BottomTabsProps extends NavigationDrawerScreenProps {
  imageUrl: any;
  storeyJson: Array<any>;
  headerTitle: string;
  leftIcon: string;
  leftPress: () => void;
  rightButton: boolean;
  showImage: boolean;
}
interface BottomTabsState {}
class BottomsTabs extends React.Component<BottomTabsProps, BottomTabsState> {
  constructor(props: any) {
    super(props);
    this.state = {};
  }

  toggleDrawer = () => {
    this.props.navigation.toggleDrawer();
  };
  render() {
    return (
      <Container>
        <StyleProvider style={getTheme(material)}>
          <Tabs tabBarPosition="bottom" locked={true}>
            <Tab
              heading={
                <TabHeading>
                  <Icon name="home" />
                </TabHeading>
              }
            >
              <InstaMain />
            </Tab>
            <Tab
              heading={
                <TabHeading>
                  <Icon name="heart" />
                </TabHeading>
              }
            >
              <FavouredTabs />
            </Tab>
            <Tab
              heading={
                <TabHeading>
                  <Icon name="person" />
                </TabHeading>
              }
            >
              <ProfileTabs />
            </Tab>
          </Tabs>
        </StyleProvider>
      </Container>
    );
  }
}

export default BottomsTabs;
