import type { ReactNode } from 'react';
import { StyleSheet, Text } from 'react-native';
import { colors, fonts, spacing } from '../theme/proulr-theme';

export function Label({ children }: { children: ReactNode }) {
  return <Text style={styles.label}>{children}</Text>;
}

const styles = StyleSheet.create({
  label: {
    color: colors.textSecondary,
    fontSize: 12,
    fontFamily: fonts.bold,
    letterSpacing: 0.8,
    marginTop: spacing.sm,
    marginBottom: spacing.sm,
  },
});