import React , { FunctionComponent } from "react" ; import { StyleSheet , View , ViewStyle } from "react-native" ; import { useStyle } from "../../styles" ; export const CardBody = ( { style : propStyle , children } ) => { const style = useStyle ( ) ; return ( < View style = { StyleSheet . flatten ( [ style . flatten ( [ "padding-x-card-horizontal" , "padding-y-card-vertical" ] ) , propStyle , ] ) } > { children } < /View>); } ;