import type { FC } from 'react';
import React from 'react';
import { View } from 'react-native';
import { useTheme } from '../../branding';
import themedStyles from './styles';
import type { CtaGroupProps } from './types';

export const CtaGroup: FC<CtaGroupProps> = ({
    children,
    testID = 'ctaGroup'
}) => {
    const { theme } = useTheme();
    const styles = themedStyles[theme];

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

export default CtaGroup;