import { Text } from 'react-native';

import { Card } from './card';

export const EmptyState = ({
  title,
  description,
}: {
  title: string;
  description: string;
}) => (
  <Card>
    <Text className='text-foreground font-semibold'>{title}</Text>
    <Text className='text-muted-foreground mt-2 text-sm leading-5'>
      {description}
    </Text>
  </Card>
);
