ahriman/frontend/src/components/table/StatusCell.tsx

import type React from "react";
import { Chip } from "@mui/material";
import type { BuildStatus } from "api/types/BuildStatus";
import { StatusColors } from "theme/status/StatusColors";

interface StatusCellProps {
    status: BuildStatus;
}

export default function StatusCell({ status }: StatusCellProps): React.JSX.Element {
    return (
        <Chip
            label={status}
            size="small"
            sx={{
                backgroundColor: StatusColors[status],
                color: "#fff",
                fontWeight: 500,
            }}
        />
    );
}