import 'package:flutter/material.dart' hide Image;
import 'package:hooks_riverpod/hooks_riverpod.dart';

import 'package:spotube/components/library/user_local_tracks.dart';
import 'package:spotube/components/shared/page_window_title_bar.dart';
import 'package:spotube/components/library/user_albums.dart';
import 'package:spotube/components/library/user_artists.dart';
import 'package:spotube/components/library/user_downloads.dart';
import 'package:spotube/components/library/user_playlists.dart';

class LibraryPage extends HookConsumerWidget {
  const LibraryPage({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context, ref) {
    return const SafeArea(
      child: DefaultTabController(
        length: 5,
        child: Scaffold(
          appBar: PageWindowTitleBar(
            titleWidth: 347,
            centerTitle: true,
            title: TabBar(
              isScrollable: true,
              tabs: [
                Tab(text: 'Playlists'),
                Tab(text: 'Tracks'),
                Tab(text: 'Downloads'),
                Tab(text: 'Artists'),
                Tab(text: 'Albums'),
              ],
            ),
          ),
          body: TabBarView(
            children: [
              UserPlaylists(),
              UserLocalTracks(),
              UserDownloads(),
              UserArtists(),
              UserAlbums(),
            ],
          ),
        ),
      ),
    );
  }
}