// layout.styles.ts
import { Colors } from '../../../constants/Colors';
import { StyleSheet } from 'react-native';
export const layoutStyles = StyleSheet.create({
  container: {
    flex: 1,
    flexDirection: 'row',
    backgroundColor: Colors.dark.background,
  },
  sidebar: {
    width: 300,
    borderRightWidth: 1,
    borderRightColor: Colors.dark.icon,
  },
  mainContent: {
    flex: 1,
    flexDirection: 'row',
  },
  projector: {
    width: '40%',
    borderRightWidth: 1,
    borderRightColor: Colors.dark.icon,
  },
  chatArea: {
    flex: 1,
  },
});