import { StyleSheet } from 'react-native';

import { ThemedText } from './themed-text';

export function SectionLabel({ children }: { children: string }) {
  return (
    <ThemedText themeColor="textSecondary" style={styles.label}>
      {children.toUpperCase()}
    </ThemedText>
  );
}

const styles = StyleSheet.create({
  label: {
    fontSize: 11,
    fontWeight: '700',
    letterSpacing: 1.2,
    marginTop: 8,
    marginBottom: 6,
    marginHorizontal: 4,
  },
});