import { memo, useMemo } from 'react';
import { Text, View } from 'react-native';
import { getStyles } from './styles';
import type { RenderTimeColumn } from "react-native-week-schedule-1";

export const TimeColumn: RenderTimeColumn = memo(({ hours }) => {
    const styles = useMemo(() => getStyles(), []);

    return (
        <View style={styles.container}>
            {hours.map((item) => (
                <Text key={item} style={styles.text}>
                    {item}
                </Text>
            ))}
        </View>
    );
});