import { StyleSheet } from 'react-native';

export const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#FAFBFF',
  },
  loader: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  card: {
    flex: 1,
    borderRadius: 12,
    overflow: 'hidden',
    backgroundColor: '#fff',
  },
  media: {
    width: '100%',
    height: 120,
  },
  content: {
    padding: 10,
  },
  title: {
    fontWeight: '600',
    fontSize: 14,
  },
  desc: {
    fontSize: 12,
    color: '#666',
  },
  close: {
    fontSize: 22,
    alignSelf: 'flex-end',
  },
});