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

const CardFooter: React.FC<CardFooterProps> = ({
  children,
  style,
  inset = false,
  justifyContent = "flex-end",
}) => (
  <View
    style={[
      styles.footer,
      { justifyContent },
      inset && { marginHorizontal: 16 },
      style,
    ]}
  >
    {children}
  </View>
);

const styles = StyleSheet.create({
  footer: {
    padding: 16,
    // paddingBottom: 0,
    flexDirection: "row",
    justifyContent: "flex-end",
    // alignItems: "center",
  },
});

export default CardFooter;