import React from 'react';
import {View} from 'react-native';
import {CardContainer, Skeleton} from '@components';
import {useTheme} from '@shared/theme';

import {styles} from './styles';

function EventItemSk() {
  const {spacing} = useTheme();

  return (
    <Skeleton>
      <CardContainer style={styles.container}>
        <Skeleton.Item style={styles.image} height={84} width={126} />
        <View style={styles.content}>
          <Skeleton.Item height={spacing.x2} />
          <Skeleton.Item height={spacing.x3} />
          <Skeleton.Item height={spacing['x2.5']} />
        </View>
      </CardContainer>
    </Skeleton>
  );
}

export default EventItemSk;