import { View, Text, ScrollView } from "react-native";
import { useTheme } from "../../../components/theme";

export default function ChatScreen() {
  const theme = useTheme();

  return (
    <ScrollView contentInsetAdjustmentBehavior="automatic" contentContainerStyle={{ padding: theme.spacing.lg }}>
      <View style={{ alignItems: "center", justifyContent: "center", paddingVertical: 60 }}>
        <Text style={{ fontSize: 48, marginBottom: 16 }}>💬</Text>
        <Text style={{ fontSize: 18, fontWeight: "600", color: theme.colors.text, marginBottom: 8 }}>
          Чатови
        </Text>
        <Text style={{ color: theme.colors.textSecondary, textAlign: "center" }}>
          Започнете разговор со мајстор или клиент.
        </Text>
      </View>
    </ScrollView>
  );
}