const Name = (cell : any) => {
  return cell.getValue() ? cell.getValue() : "";
};

const CreatedBy = (cell : any) => {
  return cell.getValue() ? cell.getValue() : "";
};

const APIKeys = (cell : any) => {
  return (
    <input type="text" className="form-control apikey-value" readOnly defaultValue={cell.getValue()} />
  );
};

const Status = (cell : any) => {
  return cell.getValue() ? <span className={cell.getValue() === "Disable" 
  ? "badge bg-danger-subtle text-danger"
   : "badge bg-success-subtle text-success"}>{cell.getValue()}</span> : "";
};

const CreatedDate = (cell : any) => {
  return cell.getValue() ? cell.getValue() : "";
};

const ExpiryDate = (cell : any) => {
  return cell.getValue() ? cell.getValue() : "";
};

export { Name, CreatedBy, APIKeys, Status, CreatedDate, ExpiryDate };