import React from 'react';
import { Appbar, Text, useTheme } from 'react-native-paper';
import { useNavigation } from '@react-navigation/native';
import { useDimensions } from '../contexts';
import { ScrollView } from 'react-native';
import styles from '../styles';

const EditMeme = () => {
  const navigation = useNavigation();
  const { colors } = useTheme();
  const { orientation } = useDimensions();

  return (
    <>
      <Appbar.Header>
        <Appbar.BackAction onPress={() => navigation.goBack()} />
        <Appbar.Content title="Add Meme" />
      </Appbar.Header>
      <ScrollView
        contentContainerStyle={[
          orientation == 'portrait' && styles.paddingVertical,
          orientation == 'landscape' && styles.smallPaddingVertical,
          styles.paddingHorizontal,
          [styles.centered, styles.flex],
          styles.fullSize,
          { backgroundColor: colors.background },
        ]}
        nestedScrollEnabled>
        <Text>Add Meme</Text>
      </ScrollView>
    </>
  );
};

export default EditMeme;