/**
 * 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 getTheme from '../../../../native-base-theme/components';
import material from '../../../../native-base-theme/variables/materialStar';
import { Tab, Tabs, TabHeading, StyleProvider, Text } from 'native-base';
import FollowingContainer from '../../../views/star/instagram/following/followingContainer';
import styles from '../../../views/star/instagram/instaStyles';
interface FavouredProps {}
interface FavourState {
  // rightButt: boolean
  // showImage: boolean
}
class FavouredTabs extends React.Component<FavouredProps, FavourState> {
  constructor(props: FavouredProps) {
    super(props);
    this.state = {};
  }
  render() {
    return (
      <StyleProvider style={getTheme(material)}>
        <Tabs
          tabBarPosition="top"
          tabBarUnderlineStyle={{ backgroundColor: '#f53d3d' }}
          locked={false}
          style={styles.tabPosition}
        >
          <Tab
            heading={
              <TabHeading>
                <Text uppercase>folllowing</Text>
              </TabHeading>
            }
          >
            <FollowingContainer rightButt={true} showImage={false} />
          </Tab>

          <Tab
            heading={
              <TabHeading>
                <Text uppercase>you</Text>
              </TabHeading>
            }
          >
            <FollowingContainer rightButt={false} showImage={true} />
          </Tab>
        </Tabs>
      </StyleProvider>
    );
  }
}

export default FavouredTabs;
