import classNames from "classnames";

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

export default function CardHeader({ icon, content, active = false }) {
    return (
        <div
            className={classNames(style.container, {
                [`${style.active}`]: active,
            })}
        >
            <div className={style.title}>
                <div className={style.icon}>{icon}</div>
                <div className={style.content}>{content}</div>
            </div>
        </div>
    );
}