import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { colors, spacing, typography } from '../../../theme';

const ProgrammeHeader = () => {
  return (
    <View style={styles.container}>
      <Text style={styles.title}>Mon Programme</Text>
      <Text style={styles.subtitle}>
        Vue d’ensemble de votre cycle, objectifs et déplacements
      </Text>
    </View>
  );
};

export default ProgrammeHeader;

const styles = StyleSheet.create({
  container: {
    marginBottom: spacing.lg,
  },
  title: {
    fontSize: typography.fontSize.xxl,
    fontWeight: typography.fontWeight.bold,
    color: colors.textPrimary,
  },
  subtitle: {
    marginTop: spacing.xs,
    fontSize: typography.fontSize.sm,
    color: colors.textSecondary,
  },
});