import React from "react";
import { View, StyleSheet } from "react-native";
import { CardContentProps } from "./types";

const CardContent: React.FC<CardContentProps> = ({
  children,
  style,
  padding = 16,
}) => {
  const getContentStyle = () => {
    if (typeof padding === "number") {
      return { padding };
    } else if (padding) {
      return {
        paddingHorizontal: padding.horizontal,
        paddingVertical: padding.vertical,
      };
    }
    return { padding: 16 };
  };

  return (
    <View style={[styles.content, getContentStyle(), style]}>{children}</View>
  );
};

const styles = StyleSheet.create({
  content: {
    padding: 16,
  },
});

export default CardContent;