import React, {HTMLAttributes} from "react";
import styles from "./Card.module.scss";

interface Props extends HTMLAttributes<HTMLDivElement>{
    alignItem?: "left" | "center" | "right";
    padding?: boolean;
}

export default function Card({alignItem = "center", padding = true, children}: Props): JSX.Element {
    return (
            <div className={`${styles.card} ${styles[alignItem]}`} data-padding={padding}>
                {children}
            </div>
    );
}