StatusFormatter.tsx 297 B

12345678910111213
  1. import cn from "classnames";
  2. import { T } from "src/locale";
  3. interface Props {
  4. enabled: boolean;
  5. }
  6. export function StatusFormatter({ enabled }: Props) {
  7. return (
  8. <span className={cn("badge", enabled ? "bg-lime-lt" : "bg-red-lt")}>
  9. <T id={enabled ? "online" : "offline"} />
  10. </span>
  11. );
  12. }