import { FC } from 'react';
import { View, StyleSheet } from 'react-native';
import { Skeleton } from './Skeleton';

export const SkeletonCard: FC = () => {
  return (
    <View style={styles.container}>
      <Skeleton circle width={50} height={50} style={styles.avatar} />
      <Skeleton count={4} width={'100%'} height={14} />
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    backgroundColor: 'white',
    padding: 16,
    height: '100%',
    width: '100%',
    borderRadius: 8,
  },
  avatar: {
    marginBottom: 20,
  },
});
