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

export interface Props {
    text: string;
}

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

export default safeWithTheme(DebugSectionItem);