import { StyleSheet, View } from 'react-native';
import { cards } from './styles';
import { innerBorders } from '../common/styles';
import type { ICardProps } from './types';

export default function Card(props: ICardProps) {
  const { children, style, size = 'medium' } = props;
  return (
    <View
      style={StyleSheet.flatten([
        cards.basic,
        cards[size],
        innerBorders.basic,
        innerBorders.primary,
        style,
      ])}
    >
      {children}
    </View>
  );
}