// @flow
import * as React from "react";
import ApiKey from "models/ApiKey";
import Button from "components/Button";
import ListItem from "components/List/Item";

type Props = {|
  token: ApiKey,
  onDelete: (tokenId: string) => Promise<void>,
|};

const TokenListItem = ({ token, onDelete }: Props) => {
  return (
    <ListItem
      key={token.id}
      title={
        <>
          {token.name} – <code>{token.secret}</code>
        </>
      }
      actions={
        <Button onClick={() => onDelete(token.id)} neutral>
          Revoke
        </Button>
      }
    />
  );
};

export default TokenListItem;