import React, {FC} from 'react';
import {View} from 'react-native';
import {IconProps} from '@tabler/icons-react-native';
import {Avatar, Title} from '@components';

import {styles} from './styles';

interface EmptyListProps {
  Icon?: FC<IconProps>;
  title: string;
  description: string;
  variant?: 'primary' | 'default';
}

export function EmptyReviewsList({
  Icon,
  title,
  description,
  variant = 'default',
}: EmptyListProps) {
  return (
    <View style={styles.emptyContainer}>
      <Avatar Icon={Icon} size="lg" variant={variant} />
      <Title
        center
        title={title}
        description={description}
        descriptionNumberOfLines={2}
      />
    </View>
  );
}