chrysopedia/frontend/src/components/StatusBadge.tsx
jlightner c6efec8363 feat: Split key moment card header into standalone h3 title and flex-ro…
- "frontend/src/pages/TechniquePage.tsx"
- "frontend/src/App.css"

GSD-Task: S03/T01
2026-03-30 08:55:48 +00:00

19 lines
449 B
TypeScript

/**
* Reusable status badge with color coding.
*
* Maps review_status values to colored pill shapes:
* pending → amber, approved → green, edited → blue, rejected → red
*/
interface StatusBadgeProps {
status: string;
}
export default function StatusBadge({ status }: StatusBadgeProps) {
const normalized = status.toLowerCase();
return (
<span className={`badge badge--${normalized}`}>
{normalized}
</span>
);
}