import React from 'react';
import { View, StyleSheet, ViewStyle, StyleProp, ScrollView } from 'react-native';
import { useTheme } from '@/shared/styles/useTheme';

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

const Container: React.FC<ContainerProps> = ({ children, style }) => {
  const { colors } = useTheme();
  return <ScrollView style={[styles.container, { backgroundColor: colors.background }, style]} showsVerticalScrollIndicator={false}>{children}</ScrollView>;
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

export default Container;


