Pass jsx to prop?

Question

React

Please tell me how can I pass jsx to the prop for example:

const A = ({children, footer}) => (
                <View>
                    {children}
                    <View>
                        {/*тут условно какая-то супер-крутая верстка для футера*/}
                        {footer}
                    </View>
                </View>
            )
            
            const B = () => {
                const footer = () => (
                    <View>
                        <Text>
                            footer
                        </Text>
                    </View>
                )
                return (
                    <View>
                        <A footer={footer}>
                            <Text>
                                lorem
                            </Text>
                        </A>
                    </View>
                )
            }

Answer 1

const B = () => {
                const footer = (
                    <View>
                        <Text>
                            footer
                        </Text>
                    </View>
                )
                return (
                    <View>
                        <A footer={footer}>
                            <Text>
                                lorem
                            </Text>
                        </A>
                    </View>
                )
            }