// @flow
import * as React from "react";
import { PlusIcon } from "outline-icons";
import Time from "components/Time";
import Avatar from "components/Avatar";
import Button from "components/Button";
import Badge from "components/Badge";
import ListItem from "components/List/Item";
import User from "models/User";
type Props = {
user: User,
canEdit: boolean,
onAdd: () => void,
};
const UserListItem = ({ user, onAdd, canEdit }: Props) => {
return (
}
subtitle={
{user.lastActiveAt ? (
Active ago
) : (
"Never signed in"
)}
{!user.lastActiveAt && Invited}
{user.isAdmin && Admin}
}
actions={
canEdit ? (
} neutral>
Add
) : undefined
}
/>
);
};
export default UserListItem;