import CardHeader from "@/components/CardHeader/CardHeader";

import style from "./style.module.css";

export default function Card({
    icon,
    name,
    children,
    active = false,
    header = true,
}: {
    icon: string;
    name: string;
    active?: boolean;
    header?: boolean;
    children: React.ReactNode;
}) {
    return (
        <div className={style.card}>
            {header ? (
                <CardHeader icon={icon} content={name} active={active} />
            ) : null}
            <div className={style.cardContent}>{children}</div>
        </div>
    );
}