// import * as React from "react";
// import { useMemo, useCallback, useState } from "react";
// import { Image, TouchableOpacity } from "react-native";
// import Header from "../../components/header";
// import NavBar from "../../components/nav-bar";
// import ChannelSelect from "../../components/channel-select";
// import UserModal from "../../components/user-modal";
// import ContentSection from "./containers/content-section";
// import { useProfileProvider } from "../../providers/profile-provider";
// import { useSelectChannelProvider } from "../../providers/select-channnel-provider";
// import VideoPlayerCollapse from "../../components/video-player-collapse";
// import { useNavigation } from "@react-navigation/native";

// function Home() {
//   const { currentProfile } = useProfileProvider();
//   const [currentChannel, setCurrentChannel] = useState<any>();
//   const navigation = useNavigation();
//   const [video, setVideo] = useState<any>();
//   const [openChannelSelect, setOpenChannelSelect] = useState(false);
//   const [openUserModal, setOpenUserModal] = useState(false);
//   const [openNavbar, setOpennavbar] = useState(false);
//   const onClickItem = (item: any) => {
//     navigation.navigate("nav-web-view", { url: item.link, title: item.text });
//   };
//   const openChannel = useCallback(() => setOpenChannelSelect(true), []);
//   const onOpenNavbar = useCallback(() => setOpennavbar(true), []);
//   const onCloseVideo = useCallback(() => {
//     setVideo(undefined);
//   }, []);
//   const onChannelPress = useCallback((channel) => {
//     setCurrentChannel(channel);
//   }, []);
//   const onCloseChannelSelect = useCallback(() => {
//     setOpenChannelSelect(false);
//   }, []);
//   const onVideoPress = useCallback((video) => {
//     setVideo(video);
//   }, []);
//   const onCloseNavbar = useCallback(() => {
//     setOpennavbar(false);
//   }, []);
//   const onCloseUserModal = useCallback(() => {
//     setOpenUserModal(false);
//   }, []);

//   const actionButon = useMemo(
//     () => (
//       <TouchableOpacity onPress={() => setOpenUserModal(true)}>
//         <Image
//           style={{ width: 35, height: 35 }}
//           source={{ uri: currentProfile.icon }}
//         />
//       </TouchableOpacity>
//     ),
//     [currentProfile.icon]
//   );

//   return (
//     <>
//       <Header
//         onOpenNavbar={onOpenNavbar}
//         actionButton={actionButon}
//         onOpenChannelsMenu={openChannel}
//       />
//       <VideoPlayerCollapse onClose={onCloseVideo} open={video} video={video} />
//       <ChannelSelect
//         open={openChannelSelect}
//         onChannelPress={onChannelPress}
//         onClose={onCloseChannelSelect}
//       />
//       {currentChannel && (
//         <ContentSection
//           video={video}
//           onChangeChannel={onChannelPress}
//           onVideoPress={onVideoPress}
//           currentChannel={currentChannel}
//         />
//       )}
//       <NavBar
//         open={openNavbar}
//         onClose={onCloseNavbar}
//         onOpenLink={onClickItem}
//       />

//       <UserModal onClose={onCloseUserModal} open={openUserModal} />
//     </>
//   );
// }

// export default () => <Home />;
export default () => {
  return null;
};