import {StyleSheet} from 'react-native';

export const style = StyleSheet.create({
  container: {
    flexDirection: 'row',
    paddingVertical: 10,
    position: 'relative',
  },
  thumbnail: {
    flex: 1,
    marginRight: 10,
    minHeight: 100,
    position: 'relative',
    backgroundColor: 'rgba(128,128,128,.5)',
  },
  duration: {
    position: 'absolute',
    right: 0,
    bottom: 0,
    padding: 5,
    backgroundColor: 'rgba(0,0,0,.5)',
    color: '#fff',
    fontSize: 11,
    fontWeight: 'bold',
  },
  details: {
    flex: 1,
    paddingRight: 10,
  },
  title: {
    marginBottom: 5,

    fontWeight: 'bold',
  },
  time: {},
  noImage: {
    flex: 1,
    alignSelf: 'stretch',
    maxWidth: '100%',
    aspectRatio: 16 / 9,
    height: undefined,
    width: undefined,
  },
  premiumContainer: {
    padding: 5,
    backgroundColor: 'blue',
    position: 'absolute',
    top: 74,
    zIndex: 2000,
    display: 'flex',
    flexDirection: 'row',
    alignItems: 'center',
  },
});