import * as React from 'react';
import {TextProps, View} from 'react-native';
import {style} from './style';
import {TouchableOpacity} from 'react-native-gesture-handler';
import {useThemeProvider} from '../../providers/theme-provider';

export const ChannelSelectButton = (props: TextProps) => {
  const {
    theme: {spacing},
  } = useThemeProvider();
  return (
    <>
      <TouchableOpacity
        style={{
          paddingVertical: spacing[2],
          paddingHorizontal: spacing[4],
        }}
        onPress={props.onPress}>
        <View style={style.container}>
          <View style={style.vertical}></View>
          <View style={style.horizontal}></View>
        </View>
      </TouchableOpacity>
    </>
  );
};
