import React from "react";
import "./card-footer-styles.scss";
import { CardFooterProps } from "@app/models/components";
import { mapLevelToPadding } from "@app/services/utilities";

const CardFooter: React.FC<CardFooterProps> = ({
  padding = "lg",
  children,
}) => {
  return (
    <div className={`card-footer ${mapLevelToPadding(padding)}`}>
      {children}
    </div>
  );
};

export default CardFooter;