import React from 'react';
import { Text, View } from 'react-native';
import type { Styles } from './styles';
import themedStyles from './styles';
import { safeWithTheme } from '../../../branding';
import Divider from '../../Divider';
import type { ThemeProps } from '../../../branding/hoc/types';

export interface Props {
    text: string;
}

const DebugListItem = ({ text, theme }: Props & ThemeProps) => {
    const styles = (themedStyles as any)[theme] as Styles;
    return (
        <View>
            <Text style={styles.text}>{text}</Text>
            <Divider />
        </View>
    );
};

export default safeWithTheme(DebugListItem);