import { format } from 'date-fns';
import { View } from 'react-native';
import { Icon, Text } from '../../../components';
import { tw } from '../../../core';

interface TokenDateTextProps {
  date?: string | null;
}

export function TokenDateText({ date }: TokenDateTextProps) {
  if (!date) return null;
  return (
    <View style={tw`flex-row`}>
      <Icon name="date" color={tw.color('bg-primary')} style={tw`mr-1`} />
      <Text style={tw.style({ fontSize: 10, color: 'rgba(241, 241, 241, 0.5)' })}>
        {format(new Date(date), 'MM-dd-yyyy')}
      </Text>
    </View>
  );
}