"use client"; import { Button } from "@/components/ui/button"; import Image from "next/image"; import { useRef, useState } from "react"; import { motion } from "framer-motion"; interface Position { left: number; width: number; opacity: number; } interface TabProps { children: React.ReactNode; setPosition: (position: Position) => void; } const Slidetabs: React.FC = () => { const [position, setPosition] = useState({ left: 60, width: 150, opacity: 1, }); return ( ); }; const Tab: React.FC = ({ children, setPosition }) => { const ref = useRef(null); return (
  • { if (!ref.current) return; const { width } = ref.current.getBoundingClientRect(); setPosition({ width, opacity: 1, left: ref.current.offsetLeft, }); }} className="relative z-10 block cursor-pointer px-3 py-1.5 text-xs uppercase text-white mix-blend-difference md:px-5 md:py-3 md:text-base" > {children}
    • ); }; const Cursor: React.FC<{ position: Position }> = ({ position }) => { return ( ); }; export default function Home() { return (
    logo
    Welcome to Torpedo
    ); }