import styles from "@/features/activity-templates/activity-templates.module.css";
import { activityTemplateStatusLabel } from "@/features/activity-templates/constants.js";

export function ActivityTemplateStatusBadge({ status }) {
    const normalized = String(status || "draft").toLowerCase();
    return (
        <span className={[styles.statusBadge, styles[`status_${normalized}`] || ""].filter(Boolean).join(" ")}>
            <span className={styles.statusDot} />
            {activityTemplateStatusLabel(normalized)}
        </span>
    );
}
