// projector.styles.ts
import { Colors } from '../../../constants/Colors';
import { StyleSheet } from 'react-native';
export const projectorStyles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: Colors.dark.background,
    padding: 16,  
  },
  videoContainer: {
    aspectRatio: 16/9,
    backgroundColor: Colors.dark.background,
    borderRadius: 8,
    overflow: 'hidden',
  },
  imageContainer: {
    flex: 1,
    backgroundColor: Colors.dark.background,
    borderRadius: 8,
    overflow: 'hidden',
  },
  markdownContainer: {
    flex: 1,
    padding: 16,
    backgroundColor: Colors.dark.background,
    borderRadius: 8,
  },
  body: {
    color: Colors.dark.text,
      fontSize: 16,
    },
    heading1: {
    color: Colors.dark.tint,
      fontSize: 24,
      marginBottom: 16,
    },
    heading2: {
    color: Colors.dark.tint, 
      fontSize: 20,
      marginBottom: 12,
    },
    link: {
    color: Colors.dark.tint,
    },
    code_block: {
    backgroundColor: Colors.dark.background,
      padding: 12,
      borderRadius: 4,
    }
});