"use client"; import Link from "next/link"; import Image from "next/image"; import { Button } from "./ui/button"; import { ArrowRight } from "lucide-react"; import { HeaderBase } from "./header-base"; import { useSession } from "@opencut/auth/client"; import { getStars } from "@/lib/fetchGhStars"; import { Star } from "lucide-react"; import { useEffect, useState } from "react"; function Logo() { return ( <>
); } export function Header() { const { data: session } = useSession(); const [star, setStar] = useState(""); useEffect(() => { const fetchStars = async () => { try { const data = await getStars(); setStar(data); } catch (err) { console.error("Failed to fetch GitHub stars", err); } }; fetchStars(); }, []); const leftContent = ( ); const rightContent = ( ); return (
); }