import React from 'react';
import { ScrollView, StyleProp, ViewStyle } from 'react-native';
import { useDTTheme } from '@dangerousthings/react-native';

interface ScreenContainerProps {
  children: React.ReactNode;
  style?: StyleProp<ViewStyle>;
}

export function ScreenContainer({ children, style }: ScreenContainerProps) {
  const theme = useDTTheme();

  return (
    <ScrollView
      style={{ flex: 1, backgroundColor: theme.colors.background }}
      contentContainerStyle={[{ padding: 24, paddingBottom: 48 }, style]}
      showsVerticalScrollIndicator={false}
    >
      {children}
    </ScrollView>
  );
}