/**
 * DaySeparator — центральный лейбл "Сегодня" / "Вчера" / "17 июня 2025"
 * между группами сообщений.
 *
 * Стиль: тонкий шрифт серого цвета, маленький размер. В референсе этот
 * лейбл не должен перетягивать на себя внимание — он визуальный якорь,
 * не заголовок.
 */
import React from 'react';
import { View, Text, Platform } from 'react-native';

export interface DaySeparatorProps {
  label: string;
}

export function DaySeparator({ label }: DaySeparatorProps) {
  return (
    <View style={{ alignItems: 'center', marginTop: 14, marginBottom: 6 }}>
      <Text
        style={{
          color: '#6b6b6b',
          fontSize: 12,
          // Тонкий шрифт — на iOS "200" рисует ultra-light, на Android —
          // sans-serif-thin. В Expo font-weight 300 почти идентичен на
          // обеих платформах и доступен без дополнительных шрифтов.
          fontWeight: '300',
          // Android font-weight 100-300 требует явной семьи, иначе
          // округляется до 400. Для thin визуала передаём serif-thin.
          ...(Platform.OS === 'android' ? { fontFamily: 'sans-serif-thin' } : null),
        }}
      >
        {label}
      </Text>
    </View>
  );
}
