import React, { FC, ReactNode } from 'react';
import { View, StyleSheet, StyleProp, ViewStyle } from 'react-native';
import { useTheme } from './ThemeContext';

export type Props = {
  readonly children: ReactNode;
  readonly style?: StyleProp<ViewStyle>;
};

const Card: FC<Props> = ({ children, style = {} }) => {
  const theme = useTheme();

  const cardStyle = StyleSheet.flatten([theme.card.card, style]);

  return <View children={children} style={cardStyle} />;
};

export default Card;