import React from 'react';
import { StyleProp, Text, TextStyle } from 'react-native';
import { weekDayNames } from '../dateutils';

interface WeekDaysNamesProps {
  firstDay?: number;
  style?: StyleProp<TextStyle>;
}

// @ts-ignore
const WeekDaysNames = React.memo(({ firstDay, style }: WeekDaysNamesProps) => {
  const dayNames = weekDayNames(firstDay);

  return dayNames?.map((day: string, index: number) => (
    <Text
      allowFontScaling={false}
      key={index}
      style={style}
      numberOfLines={1}
      accessibilityLabel={''}
      // accessible={false} // not working
      // importantForAccessibility='no'
    >
      {day}
    </Text>
  ));
});

export default WeekDaysNames;