import {StyleSheet} from 'react-native';
import {COLORS} from '@shared/colors';
import {commonStyles} from '@shared/styles';
import {IconImageSizeType} from '@components/Image';

const COMMON_MARGIN = 20;

export const styles = StyleSheet.create({
  articleContainer: {
    backgroundColor: COLORS.WHITE,
    borderRadius: 10,
    flexDirection: 'row',
    height: IconImageSizeType.lg,
    marginBottom: COMMON_MARGIN,
    marginHorizontal: COMMON_MARGIN,
    paddingRight: COMMON_MARGIN / 2,
    ...commonStyles.shadow,
  },
  contentContainer: {padding: 5},
  marginRight: {marginRight: COMMON_MARGIN},
  titleText: {
    flex: 1,
    marginTop: COMMON_MARGIN,
  },
  redBubble: {
    position: 'absolute',
    right: -10,
    top: -10,
  },
});
