import { View, Text, StyleSheet } from 'react-native'
import React from 'react'
import { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes'
import { useThemeColor } from '../../../hooks/hooks'
import { SHADOWS } from '../../../constants/theme'

export default function CustomCard(props : ViewProps) {
  return (
    <View style={[styles.container, SHADOWS.light, props.style]}>
      {props.children}
    </View>
  )
}

const styles = StyleSheet.create({
  container:{
    flexDirection: "row",
    alignItems: "stretch",
    alignContent: "space-between",
    borderRadius: 20,
    marginHorizontal: 10
  }
})