import { StyleSheet } from 'react-native';
import { useTheme } from 'react-native-paper';
export const useStyles = () => {
  const theme = useTheme();
  const styles = StyleSheet.create({
    container: {
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'center'
    },
    imageContainer: {
      width: 64,
      height: 64,
      borderRadius: 100,
      position: 'relative'
    },
    image: {
      width: '100%',
      height: '100%',
      borderRadius: 100,
      objectFit: 'cover'
    },
    iconContainer: {
      inset: 0,
      zIndex: 10,
      padding: 20,
      borderRadius: 100,
      position: 'absolute',
      backgroundColor: theme.colors.transparentBlack
    }
  });
  return {
    styles,
    theme
  };
};
//# sourceMappingURL=styles.js.map