import React from 'react';
import { View } from 'react-native';
import { safeWithTheme, useTheme } from '../../branding';
import themedStyles from './styles';

interface FloatingButtonsContainerProps {
    children: React.ReactNode;
    testID?: string;
}

export const FloatingButtonsContainer: React.FC<
    FloatingButtonsContainerProps
> = ({ children, testID = 'floatingButtonsContainer' }) => {
    const { theme } = useTheme();
    const styles = themedStyles[theme];

    return (
        <View style={styles.container} testID={testID}>
            {children}
        </View>
    );
};

export default safeWithTheme(FloatingButtonsContainer);