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

const CardContent: React.FC<CardContentProps> = ({
  padding = "lg",
  children,
  id,
}) => {
  return (
    <div className={`cardContent-root ${mapLevelToPadding(padding)}`} id={id}>
      {children}
    </div>
  );
};

export default CardContent;
