import {StyleSheet} from 'react-native';
import {COLORS} from '@shared/colors';

const THUMBNAIL_SIZE = 64;

export const styles = StyleSheet.create({
  container: {
    borderRadius: 8,
    marginHorizontal: 6,
  },
  thumbnail: {
    borderRadius: 8,
    height: THUMBNAIL_SIZE,
    width: THUMBNAIL_SIZE,
  },
  videoIndicator: {
    alignItems: 'center',
    backgroundColor: COLORS.GRAY_TWENTY_SEVEN,
    borderRadius: 12,
    bottom: 4,
    height: 24,
    justifyContent: 'center',
    position: 'absolute',
    right: 4,
    width: 24,
  },
});
