Files
sprint/packages/frontend/src/components/small-sprint-display.tsx
2026-01-16 11:15:38 +00:00

26 lines
749 B
TypeScript

import { DEFAULT_SPRINT_COLOUR, type SprintRecord } from "@sprint/shared";
import { cn, DARK_TEXT_COLOUR, isLight } from "@/lib/utils";
export default function SmallSprintDisplay({
sprint,
className,
}: {
sprint?: SprintRecord;
className?: string;
}) {
const colour = sprint?.color || DEFAULT_SPRINT_COLOUR;
const textColour = isLight(colour) ? DARK_TEXT_COLOUR : "var(--foreground)";
return (
<div
className={cn(
"text-xs px-1.5 rounded-full inline-flex whitespace-nowrap border border-foreground/10",
className,
)}
style={{ backgroundColor: colour, color: textColour }}
>
{sprint?.name || "None"}
</div>
);
}