const useStyles = makeStyles(() => ({ table: { flex: 1 } }));

const DeletedUsersTable: React.FC = () => {
  const classes = useStyles();
  const { locale } = useLocale();
  const { users, loading } = useAllDeletedUsers();

  const columns: Column<typeof users[number]>[] = useMemo(
    () => [
      {
        Header: locale('users:form:name'),
        accessor: 'name',