 /*
 * File: Card.tsx
 * Description: Themed info card using Clinical Blue Interface design system
 * Design & Developed by Tech4Biz Solutions
 * Copyright (c) Spurrin Innovations. All rights reserved.
 */

import React, { ReactNode } from 'react';
import { View, StyleSheet, ViewStyle } from 'react-native';
import { cardStyles } from './Card.styles';

interface CardProps {
  children: ReactNode;
  style?: ViewStyle | [ViewStyle,{}];
}

/**
 * Card component
 * - Simple card for displaying information
 */
const Card: React.FC<CardProps> = ({ children, style }) => (
  <View style={[cardStyles.card, style]}>{children}</View>
);

export default Card;