import { Stylesheet } from 'react-native-stylable' ; export default ( styles ) => { styles . addRules ( { [ 'Div.media-box-body' ] : { style : { flex : 1 , } , } , [ 'Div.pt-sm' ] : { style : { paddingTop : 5 , } , } , [ 'Div.pb-sm' ] : { style : { paddingBottom : 5 , } , } , [ 'Div.pl-sm' ] : { style : { paddingLeft : 5 , } , } , [ 'Div.pr-sm' ] : { style : { paddingRight : 5 , } , } , [ 'Div.mt-sm' ] : { style : { marginTop : 5 , } , } , [ 'Div.mb-sm' ] : { style : { marginBottom : 5 , } , } , [ 'Div.ml-sm' ] : { style : { marginLeft : 5 , } , } , [ 'Div.mr-sm' ] : { style : { marginRight : 5 , } , } , [ 'Div.pt-lg' ] : { style : { paddingTop : 8 , } , } , [ 'Div.pb-lg' ] : { style : { paddingBottom : 8 , } , } , [ 'Div.pl-lg' ] : { style : { paddingLeft : 8 , } , } , [ 'Div.pr-lg' ] : { style : { paddingRight : 8 , } , } , [ 'Div.mt-lg' ] : { style : { marginTop : 8 , } , } , [ 'Div.mb-lg' ] : { style : { marginBottom : 8 , } , } , [ 'Div.ml-lg' ] : { style : { marginLeft : 8 , } , } , [ 'Div.mr-lg' ] : { style : { marginRight : 8 , } , } , } ) ; } ;