mirror of
https://github.com/fleetdm/fleet
synced 2026-04-27 08:27:42 +00:00
29 lines
610 B
TypeScript
29 lines
610 B
TypeScript
import React from "react";
|
|
|
|
interface ITextCellProps {
|
|
value: string | number | boolean;
|
|
formatter?: (val: any) => string; // string, number, or null
|
|
greyed?: boolean;
|
|
classes?: string;
|
|
}
|
|
|
|
const TextCell = ({
|
|
value,
|
|
formatter = (val) => val, // identity function if no formatter is provided
|
|
greyed,
|
|
classes = "w250",
|
|
}: ITextCellProps): JSX.Element => {
|
|
let val = value;
|
|
|
|
if (typeof value === "boolean") {
|
|
val = value.toString();
|
|
}
|
|
|
|
return (
|
|
<span className={`text-cell ${classes} ${greyed && "grey-cell"}`}>
|
|
{formatter(val)}
|
|
</span>
|
|
);
|
|
};
|
|
|
|
export default TextCell;
|