diff --git a/src/components/WeekDays.tsx b/src/components/WeekDays.tsx deleted file mode 100644 index 83361d0..0000000 --- a/src/components/WeekDays.tsx +++ /dev/null @@ -1,78 +0,0 @@ -import React, { memo, useMemo } from 'react'; -import { StyleSheet, Text, View } from 'react-native'; -import { getWeekdays } from '../utils'; -import { - Styles, - ClassNames, - WeekdayFormat, - CalendarComponents, -} from '../types'; -import { WEEKDAYS_HEIGHT } from '../enums'; - -type WeekdaysProps = { - locale: string | ILocale; - firstDayOfWeek: number; - styles?: Styles; - classNames?: ClassNames; - weekdaysFormat?: WeekdayFormat; - weekdaysHeight?: number; - components?: CalendarComponents; -}; - -const Weekdays = ({ - locale, - firstDayOfWeek, - styles = {}, - classNames = {}, - weekdaysFormat = 'min', - weekdaysHeight = WEEKDAYS_HEIGHT, - components = {}, -}: WeekdaysProps) => { - const style = useMemo( - () => createDefaultStyles(weekdaysHeight), - [weekdaysHeight] - ); - - return ( - - {getWeekdays(locale, firstDayOfWeek)?.map((weekday, index) => ( - - {components.Weekday ? ( - components.Weekday(weekday) - ) : ( - - {weekday.name[weekdaysFormat]} - - )} - - ))} - - ); -}; - -export default memo(Weekdays); - -const createDefaultStyles = (weekdaysHeight: number) => - StyleSheet.create({ - container: { - height: weekdaysHeight, - flexDirection: 'row', - alignItems: 'center', - }, - weekday: { - width: `${100 / 7}%`, - alignItems: 'center', - justifyContent: 'center', - }, - });