import { FC } from "react";
import { twMerge } from "tailwind-merge";

const userStatus: FC<any> = (row) => {
  return (
    <>
      <div className="flex items-center">
        <div
          className={twMerge(
            "mr-2 h-2.5 w-2.5 rounded-full",
            row.getValue("status") === 1 ? "bg-green-400" : "bg-red-500",
          )}
        />
        {row.getValue("status") === 1 ? "Active" : "Inactive"}
      </div>
    </>
  );
};

export default userStatus;